如何让一个DIV 居中在网页的中心。???


如何让一个DIV 居中在网页的中心。???

文章插图
【如何让一个DIV 居中在网页的中心。???】层垂直居中于浏览器,一直是新手朋友比较头疼的问题 。其实解决的思路是这样的:首们需要position:absolute;绝对定位 。而层的定位点,使用外补丁margin负值的方法 。负值的大小为层自身宽度高度除以二 。如:一个层宽度是400,高度是300 。使用绝对定位距离上部与左部都设置成50% 。而margin-top的值为-150 。margin-left的值为-200 。这样我们就实现了层垂直居中于浏览器的样式编写 。div { position:absolute; top:50%; left:50%; margin:-150px 0 0 -200px; width:400px; height:300px; border:1px solid #008800; }

    推荐阅读