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

老实说，我有一个非常愚蠢的问题。 不管怎样，就到这里吧。 我一直在尝试使用垂直对齐：基线；这本身就起作用。问题是它可以在 IE 和 Firefox 中运行。我的问题是，由于某些奇怪的原因，它在 Chrome 中不起作用。 chrome 中问题的屏幕截图http://img576.imageshack.us/img576/8976/chromem.png http://img576.imageshack.us/img576/8976/chromem.png

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

我没有使用表格来显示我的图像和文本（只是指出） 我希望有人可以帮助我，因为这已经让我头痛了两天了:(

如果您将背景 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;
}