垂直对齐：基线在Chrome中不起作用

Question

说实话，我有这个非常愚蠢的问题。 无论如何这里去了。 我一直在尝试使用垂直对齐：基线;这本身就是有效的。问题是它适用于IE和Firefox。我的问题是，由于一些奇怪的原因，它在Chrome中无法运行。 chrome中问题的屏幕截图 http://img576.imageshack.us/img576/8976/chromem.png

这就是它应该是这样的样子（有一个14px的填充，否则它会在最顶端） http://img62.imageshack.us/img62/140/firefoxi.png 它在IE中看起来和在Firefox中一样。

我没有在我的图像和文字中使用表格（只是指出） 我希望有人可以帮助我，因为这几乎让我头疼了2天:(

Answer 1

如果您将背景div设置为display: table并将其中每个子项设置为display: table-cell，那么它应该可以正常工作。

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

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