css - 垂直居中文本

Question

如何在普通 <div> 中将一些简单文本垂直居中？ ？我有这样的标记:

<div style="height:200px;">
   <span style="display:inline; vertical-align:middle;">ABOUT</span>
<div>

它在 Firefox 或 Internet Explorer 下都不起作用。为什么不呢？

Answer 1

That's not what vertical-align does.您可能需要 line-height:

<div>
    <span style="line-height: 200px;">ABOUT</span>
</div>

Here's a demo.