显示:使用图像时表格单元格对齐问题

Question

omg这让我抓狂。我有一个包含两个表格单元格的表格行。如果两个单元格都只包含文本，效果很好，但当我在一个"单元格"上放置图像时，另一个单元格会跳到基线对齐。。。即使他们在不同的div中。

jsfiddle此处

halpl！

Answer 1

指定垂直对齐。。

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

Answer 2

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