css3不固定宽高水平垂直居中

Posted xi-li

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css3不固定宽高水平垂直居中相关的知识,希望对你有一定的参考价值。

display:-webkit-flex; //这个一定要
justify-content:center;//子元素水平居中
align-items:center;//子元素垂直居中

在父级元素上面加上上面3句话,就可以实现子元素水平垂直居中了。

以上是关于css3不固定宽高水平垂直居中的主要内容,如果未能解决你的问题,请参考以下文章

css常用代码片段 (更新中)

不固定宽高img在div里水平且垂直居中

如何让一个宽高不固定的Div在空页面上水平居中且垂直居中?

未知宽高的元素水平垂直居中方法总结

未知宽高的图片水平垂直居中的几种方法

弹出遮罩层水平垂直居中