设置不定宽高的div垂直水平居中
Posted xiaodiao
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置不定宽高的div垂直水平居中相关的知识,希望对你有一定的参考价值。
1、使用table-cell
父级设置: display: table-cell; text-align: center; vertical-align: middle;
子级设置: display: inline-block; vertical-align: middle;
2、使用transform
父级设置:display: relative;
子级设置:transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%;
3、使用flex
父级设置:display: flex; justify-content: center; align-items: center;
以上是关于设置不定宽高的div垂直水平居中的主要内容,如果未能解决你的问题,请参考以下文章