html怎么弄div垂直居中?

发布网友 发布时间:2022-04-23 22:34

我来回答

2个回答

热心网友 时间:2022-04-19 06:33

body{margin:0;padding:0;position:relative;}
#box{width:500px;height:500px;position:
absolute;top:50%;left:50%;margin-top:-250px;margin-left:-250px;background:#eeeeee}
这个层是垂直,水平居中的,说说原理.box,对body来定位,然后距离顶部50%,左边50%,再用margin-top,用个负的box高度一半,margin-left:负的box宽的一半,这样就居中了。

热心网友 时间:2022-04-19 07:51

水平居中可以设置成margin:0
auto
垂直居中可以设置成top:50%,margin-top:-(div高度的一半)px;

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com