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

垂直居中,定位的方法

时间:2017-05-17 13:44:43      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:relative   style   一半   垂直居中   color   class   osi   定位   状态   

<div class="div">

   <h2>我处于垂直居中状态</h2>

</div>

 

<style>

  .div{position:relative:}

 .div h2{position:absolute;left:50%; top:50%; margin-left:-50px; margin-top:-50px;}

</style>

注:

margin-left,margin-top的值都是h2自身宽高的一半的负值。

垂直居中,定位的方法

标签:relative   style   一半   垂直居中   color   class   osi   定位   状态   

原文地址:http://www.cnblogs.com/zxhh/p/6866609.html

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