我如何垂直居中文本？

2018-06-14 15:36:26

这个问题在这里已经有了答案：

我如何垂直居中文本与CSS？ 34个答案

Flexbox的

Flexbox可让您垂直对齐文本，而无需固定height的div 。它现在被所有的现代浏览器支持。

查看我的其他答案，查看Flexbox的所有问题和解决方法。大多数用于Internet Explorer。

display: flex;
align-items: center;

div {
  width: 50px;
  height: 100px;
  display: flex;
  align-items: center;
  border: 1px solid black;
}

<div>
  Test
</div>

链接地址: http://www.djcxy.com/p/41659.html