15
2020
02

如何居中div,如何居中一个浮动元素?如何让绝对定位的div居中?

 a.margin:xpx auto;


    b.确定容器的宽高,这里宽度是必须的,高度可以不设,设置外层的上外边距和左外边距分别是宽高的一半。


     实现居中关键在于 margin设置与 position:relative.


    .div {


     width:500px ;


     height:300px;


     margin: -150px 0 0 -250px;


     position:relative;


     left:50%;


     top:50%;


}


c.position:absolute;


        top: 50%;


        left: 50%; 只能把div定位在以红色圈为起点的位置,加上margin:-100px 0px 0px -100


 

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。