我在编程时已经多次注意到这个错误,并且想知道是否有人有解决方法。当我使用display:table属性创建CSS表时,如果我的一个单元格包含IMG作为第一个元素,则相邻单元格中的文本从该图像的高度开始。如果我在图像标记之前放置任何文本,则下一个单元格中的文本将正常显示。
我还注意到,如果IMG的显示属性是阻止,则下一个单元格中的文本从图像下方开始,但如果IMG设置为显示:内联,则隔壁文本将其基线与基线对齐图片。
理想情况下,我希望所有内容都从每个单元格的顶部开始,有时我想开始一个带有图像的列。
当我使用display:table属性创建CSS表时
你有这个问题,因为vertical-align
的默认baseline
是div
(我假设你正在使用它)。
要修复它,只需在任何有vertical-align: top
的地方指定display: table-cell
。