垂直對齊：基線在Chrome中不起作用

Question

老實說，我有這個非常愚蠢的問題。 反正在這裏。 我一直試圖使用垂直對齊：基線;這本身就是在工作。問題在於它可以在IE和Firefox中使用。我的問題是，由於一些奇怪的原因，它不適用於Chrome。 問題的鉻截圖 http://img576.imageshack.us/img576/8976/chromem.png

這是它應該怎麼看都覺得（有一個14px的填充否則會在最高層） http://img62.imageshack.us/img62/140/firefoxi.png 它看起來在IE一樣在Firefox 。

我不是使用一個表到我的圖像和文字（只是指出） 我希望有人能幫助我，因爲這已經讓我頭疼2天現在幾乎:(

Answer 1

如果你設置的背景股利display: table和每它的孩子display: table-cell，它應該工作。

#outer_div 
{ 
    display: table; /* display: inline-table; works as well */ 
} 

#outer_div div 
{ 
    display: table-cell; 
    vertical-align: baseline; 
}