html - 由表格单元格中的图像创建的异常间隙

Question

<tr id='recent_tablerow_0'>
<td>Women's Health Initiative</td>
<td>Versions 1-5: passed embargo</td>
<td>
    <img src="./images/V.png" alt="V" height="24px" width="20.74px" border="0" s>
    <img src="./images/D.png" alt="D" height="24" width="20.74" border="0">
    <img src="./images/A.png" alt="A" height="24" width="20.74" border="0">
    <img src="./images/S.png" alt="S" height="24" width="20.74" border="0">
</td>
<td>55181</td>
<td>Partial Factorial Randomized, Double-Blind, Placebo-Controlled, Cohort, Longitudinal</td>
<td><a href="#">Links</a></td>
<td>N/A</td>
</tr>

图像将其他单元格的所有其他元素向下推 24 像素。有没有人以前见过这个差距问题？

最终我想删除这些图像并将它们替换为带有作为背景图像的图像。但是当我这样做的时候，仍然有一个间隙，图像似乎是空白的，神秘的。 建议或类似经验将不胜感激。

Answer 1

默认情况下，图像是行内元素。内联元素在底部有一点空隙，以说明字母的下行部分。您可能可以通过 float 图像来解决您的问题。