display：使用图像时的表格单元格对齐问题

Question

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

jsfiddle here

halpl！

Answer 1

指定垂直对齐..

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

Answer 2

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