当IMG标记首先出现在CSS表格单元格中时,其他单元格中的奇怪顶部边距

问题描述 投票:0回答:1

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

我还注意到,如果IMG的显示属性是阻止,则下一个单元格中的文本从图像下方开始,但如果IMG设置为显示:内联,则隔壁文本将其基线与基线对齐图片。

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

css image css-tables
1个回答
2
投票

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

你有这个问题,因为vertical-align的默认baselinediv(我假设你正在使用它)。

要修复它,只需在任何有vertical-align: top的地方指定display: table-cell

© www.soinside.com 2019 - 2024. All rights reserved.