google-chrome - 垂直对齐：基线在 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;
}