css样式设置元素居中的最简便方式左右居中或垂直居中

2021-04-02 20:26

阅读：507

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

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：css样式设置元素居中的最简便方式左右居中或垂直居中
文章链接：http://soscw.com/index.php/essay/71531.html

亲，登录后才可以留言！