h5 上下左右前后居中

Posted honghong75042

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5 上下左右前后居中相关的知识,希望对你有一定的参考价值。

.outer {
width: 200px;
height: 200px;
background: red;
position: relative;
}

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

以上是关于h5 上下左右前后居中的主要内容,如果未能解决你的问题,请参考以下文章

图片在某容器内上下居中的写法

怎么让文字上下居中

如何实现div的上下左右都居中?

怎么把上下居中对齐

如何实现div的上下左右都居中?

如何让div内字体上下左右居中?