html - 在块级 HTML 元素中垂直居中文本

Question

我有一个关于如何在 html / css 中将 div 内的文本居中的问题。我有一个像这样的 h3 标签

<h3>Pacuraru Daniel Pacuraru Daniel</h3>
or
<h3>Pacuraru Daniel</h3>

和CSS

h3 {
width: 100%;
height: 28px;
display: block;
}

如果我的名称超过 1 行，则 2 行文本适合 div，但如果只有 1 行，我希望它垂直居中而不是在顶部对齐。

编辑：我有这个布局，我希望在两个 div 中的文本垂直居中 http://jsfiddle.net/shRRz/3/

Answer 1

I have found the way to do it. It seems i need to use this css to make it align like i wanted.

display: table-cell;
vertical-align: middle;

Thank you very much for the tips, people.