关于内容垂直居中（不定高）

Posted 2020-10-08 艾米格拉

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于内容垂直居中（不定高）相关的知识，希望对你有一定的参考价值。

css样式实现内容的垂直居中：

一：不定高

1：存在兼容性问题，低版本的火狐，对于display：flex的不兼容

display:flex;
justify-content:center;
align-items:center;

2：同样存在兼容性问题

display: table-cell；

vertical-align: middle；

3：

top: 50%；

transform: translateY(-50%)；

http://blog.csdn.net/freshlover/article/details/11579669 有介绍8种垂直居中的方法，但是还未尝试。记录一下

以上是关于关于内容垂直居中（不定高）的主要内容，如果未能解决你的问题，请参考以下文章