一个Div在BOdy中上下左右居中

最新推荐文章于 2021-05-02 09:07:26 发布

helloxielan

最新推荐文章于 2021-05-02 09:07:26 发布

阅读量970

点赞数

原文链接：http://www.cnblogs.com/xinlinux/p/3955412.html

版权

在body中让一个DIv居中上下左右

<body>
 <div style=" width:800px; height:500px; position:absolute; top:50%; left:50%; margin-left:-400px; margin-top:-250px; background:red;"> </div>
</body>


它是用绝对定位来控制

*top:50%
*left:50%

margin-left：宽度的一半

margin-top:高度的一半;

转载于:https://www.cnblogs.com/xinlinux/p/3955412.html

优惠劵

helloxielan

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个Div在BOdy中上下左右居中

在body中让一个DIv居中上下左右 <body> <div style=" width:800px; height:500px; position:absolute; top:50%; left:50%; margin-left:-400px; margin-top:-250px; background:red;"> </div></bo...
复制链接

扫一扫