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

利用绝对定位实现垂直居中

时间:2017-05-15 20:24:12      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:高度   color   osi   包含   position   ack   height   ott   margin   


<div style="width: 200px;height: 200px;background: gray;position: relative">
        <div style="position: absolute;top: 0;bottom: 0;margin:auto 0;width: 100%;height:50px;background: black"></div>
</div>

 原理就是利用top和bottom将子div块的高度(height+margin)为包含框的height,上下margin对半分

利用绝对定位实现垂直居中

标签:高度   color   osi   包含   position   ack   height   ott   margin   

原文地址:http://www.cnblogs.com/NickCarter/p/6858154.html

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