html - 如何在 中垂直居中文本？

Question

如何垂直居中包裹在 <span> 中的文本？ ？ <span>必须有 min-height的 45px .这是我的设想:

--------                  -------
text

                --->      text   


--------                  -------

我试过了 vertical-align以及此 article 中的方法.他们都没有工作

Answer 1

尝试使用 flexbox , 所有现代浏览器都支持它，带有 prefixes它也适用于 IE10。

span {
  min-height: 100px;
  display: inline-flex;
  align-items: center;
  border: 1px solid aqua;
}

<span>vertical center</span>