您的位置:首页 > Web前端 > CSS

CSS3 position 垂直水平居中定位

2017-04-28 00:00 218 查看
摘要: html垂直居中;css垂直居中

.middle{
position:absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
}

分析:

top:50%; left:50%;会使元素的左上角处于定位的中间,

transform:translate(-50%,-50%)是相对于容器本身的宽高分别向左,向上移动50%;这样一来,整个元素

就垂直水平居中了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息