html
<body> <div id="centerDiv">自动适应水平和垂直居中</div> </body>
css
*{margin:0;padding:0;} #centerDiv{width:834px; height:550px; border:1px solid #9f9f9f; position:absolute; left:50%;margin-left:-417px; top:50%;margin-top:-275px; }
原理就是:先用left:50%;top:50%让这个div的左上角居于页面的正中,然后用margin-left:-417px;margin-top:-275px;使div向左向上移动它自身宽高的一半.
本文详细介绍了如何使用HTML和CSS实现网页元素的自动适应水平和垂直居中,通过设置div元素的位置属性和边距,使得div在页面中无论大小都能保持居中效果。

5044

被折叠的 条评论
为什么被折叠?



