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

时间:2012-10-07 10:42:03

标签: html css alignment

我有一个关于如何在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/

1 个答案:

答案 0 :(得分:0)

我找到了办法。似乎我需要使用这个css使它像我想要的那样对齐。

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

非常感谢你们的提示,人们。