html - 有没有一种简单的方法可以使文本在 div 中垂直居中？

Question

我在 <div> 中有文字我想要垂直居中。任何简单的方法(非绝对定位方法)。

Answer 1

这是另一种方法:

http://jsfiddle.net/SebastianPataneMasuelli/V2D3L/1/

诀窍是让 div 的高度与行高的值相同。

<div>some text</div>

div {
 line-height: 100px;
 height: 100px;   
}

这会为您提供一行垂直居中的文本。

有一个方法: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html .

抱歉，那使用了绝对定位。

(但它有效)