码迷,mamicode.com
首页 > Web开发 > 详细

html div自适应动态上下左右居中

时间:2017-09-08 15:00:36      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:bsp   mil   ack   上下左右   body   absolute   top   设置   family   

html 的body里只放一个div,其他的内容放在这个div里,设置div的样式如下:
 
                div {
                            position:absolute;
                            background:#404040;
                            width:500px;
                            height:400px;
                            top:50%;
                            left:50%;
                            margin-top: -200px;          //值是height的一半
                            margin-left: -250px;          //是width的一半
                }
这样即可让div在body里自适应居中!

html div自适应动态上下左右居中

标签:bsp   mil   ack   上下左右   body   absolute   top   设置   family   

原文地址:http://www.cnblogs.com/chenmiaosong/p/7494257.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!