css样式设置元素居中的最简便方式 左右居中或垂直居中
2021-04-02 20:26
阅读:515
YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
标签:type black otto 设置 absolute back text margin meta
左右居中
.class {
width: 960px;
margin: 0 auto;
}
垂直居中方式
父元素需要设置position为非static定位,如果需要左右也居中,加上left: 0;right: 0;
即可。
.vMiddle {
width: 100px;
height: 100px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
样例代码
css样式设置元素居中的最简便方式 左右居中或垂直居中
标签:type black otto 设置 absolute back text margin meta
原文地址:https://www.cnblogs.com/always-chen/p/12550849.html
评论
亲,登录后才可以留言!