当IMG标记在CSS表格单元格中的第一个时，其他单元格中的奇怪上边距

我在编程时多次注意到这个bug，我想知道是否有人能解决这个问题。当我使用display:table属性创建CSS表时，如果我的一个单元格包含一个IMG作为第一个元素，则相邻单元格中的文本从该图像高度以下开始。如果我将任何文本放在图像标记之前，则下一个单元格中的文本将正常显示

我还注意到，如果IMG的display属性为block，则下一个单元格中的文本从图像下方开始，但如果IMG设置为display:inline，则隔壁的文本将其基线与图像的基线对齐

理想情况下，我希望所有内容都从每个单元格的顶部开始，有时我希望以图像开始列

当我使用display:table属性创建CSS表时

出现此问题是因为

div

s的默认

vertical align

是

baseline

（我假设您正在使用）

---

要修复它，只需在任何具有

display:table cell

的单元格上指定

vertical align:top

。我没有意识到垂直对齐的默认设置。谢谢@查尔斯：没问题。如果我的回答解决了你的问题，你应该。