您的位置：首页 > 其它

设置div水平垂直居中

2016-07-18 13:53 162 查看
效果：设置div水平垂直居中，随着页面的大小变动，当页面的宽度或者高度减小到小于div的宽度或者高度，div始终居中，并且减掉两边的内容

1、水平居中

left: 50%;
margin-left: -1.87px;(这里的大小是元素宽度大小的一半)


2、垂直居中

top: 50%;
margin-top: -1.87px;(这里的大小是元素高度大小的一半)


3、垂直水平居中

top:50%;
left:50%;
margin-top:-6px;(这里大小是元素高度的一半)
margin-left:-6px;(这里大小是元素宽度的一半)
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航