首页 > 其他 > 详细

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

时间:2017-05-20 23:58:58      阅读:382      评论:0      收藏:0      [点我收藏+]

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

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

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!