码迷,mamicode.com
首页 > 其他好文 > 详细

块级元素居中的几个方法

时间:2018-10-08 11:21:12      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:position   gre   宽高   ack   margin   div   自身   height   pos   


div{
width: 100px;
height: 100px;
background: green;
position: absolute;
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
}

注释:DIV绝对定位,距顶和距左设置为父元素的50%,再把自身宽高的一半加margin负值;

块级元素居中的几个方法

标签:position   gre   宽高   ack   margin   div   自身   height   pos   

原文地址:https://www.cnblogs.com/xiadengqi/p/9753012.html

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