使用绝对定位将div定位到body的中心,然后使用负margin(content宽高的一半),将div的中心拉回到body的中心,已到达水平垂直居中的效果。
<div id="test"></div>
#test{border: 2px solid #000; width: 200px;height: 200px;
position: absolute;left: 50%;top: 50%;margin:-100px;}
使用绝对定位将div定位到body的中心,然后使用负margin(content宽高的一半),将div的中心拉回到body的中心,已到达水平垂直居中的效果。
<div id="test"></div>
#test{border: 2px solid #000; width: 200px;height: 200px;
position: absolute;left: 50%;top: 50%;margin:-100px;}