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

定位实现水平垂直居中的两种方法(无需计算)

时间:2017-05-21 00:26:30      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:otto   并且   nsf   其他   绝对定位   实现   元素   计算   tom   

首先给想要居中的元素设置绝对定位,其父元素设置相对定位。

然后,方法一:top,left,right,bottom都设置为0,margin:auto,即可在父元素中水平垂直居中。

   方法二:top,left都设置为50%,然后transform:translate(-50%,-50%),如果其他地方也用到了transform并且设置transition容易误伤这里。

定位实现水平垂直居中的两种方法(无需计算)

标签:otto   并且   nsf   其他   绝对定位   实现   元素   计算   tom   

原文地址:http://www.cnblogs.com/qdog/p/6883559.html

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