css - 显示：使用图像时的表格单元对齐问题

Question

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

jsfiddle在这里

停！

Answer 1

指定垂直对齐..

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

Answer 2

但默认情况下，图像也按基线对齐！只需使用display: table-cell;（或任何其他）表格单元格样式。