css - 显示 : table-cell alignment issues when images are used

Question

天哪，这让我发疯。我有一个包含两个表格单元格的表格行。如果两个单元格都只包含文本，它就可以正常工作，但是当我将图像放在一个“单元格”上时，另一个单元格会跳到基线对齐......即使它们位于不同的 div 中。

jsfiddle here

暂停!

Answer 1

指定垂直对齐..

.table-cell { 
    display: table-cell;
    vertical-align:top;
    }
​