在塊級垂直居中文本HTML元素

我有一個關於如何在html/css中將文本居中放在div中的問題。我有一個H3標籤這樣在塊級垂直居中文本HTML元素

<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/

看看這個：http://it.toolbox.com/blogs/css-asylum/css-vertical-text-alignment-31790 – Kamil

你到目前爲止做了什麼來達到這個目的？你的解決方案的具體問題是什麼？ – Jeroen

問題更復雜，因爲我在表格佈局中有這個標籤，第一列有一張圖片，在第二列中我有應該與頭像內嵌對齊的文本，但文本始終與化身的底部 –

中心我發現這樣做的方式。看來我需要使用這個CSS來讓它像我想要的那樣對齊。

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

非常感謝您的提示，人。

2012-10-07 13:38:59

回答