文字在div中垂直居中

这个方法只能将单行文本置中。只须要简单地把 line-height 设置为那个对象的 height 值就可使文本居中了。

<div id="content"> Content here</div>

#content { height: 100px; line-height: 100px; }

优势：

适用于全部浏览器
无足够空间时不会被截断

缺点：

只对文本有效(块级元素无效)
多行时，断词比较糟糕