div中的多个div怎样垂直居中

2025-02-23 05:26:51

推荐回答（4个）

回答1：

　　要让DIV水平和垂直居中，必需知道该DIV得宽度和高度，然后设置位置为绝对位置，距离页面窗口左边框和上边框的距离设置为50%，这个50%就是指页面窗口的宽度和高度的50%，最后将该DIV分别左移和上移，左移和上移的大小就是该DIV宽度和高度的一半。
　　.mydiv{
width:300px;
height:200px;
position:absolute;
left:50%;
top:50%;
margin:-100px 0 0 -150px
}

回答2：

可以尝试将box1设为 display:table-cell; vertical-align:middle
不过貌似不兼容IE7或以下

回答3：

如果真出现这种比较难用css控制的情况，建议可以使用表格！
既轻松又避免兼容性问题！

回答4：

把

放到之间