从表格单元格中的图像创建不寻常的间隙

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>

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

最终我想删除这些图像并将其替换为图像作为背景图像。但是，当我这样做时，仍然存在差距，图像看起来是空白的，神秘的。 建议或类似的经验将不胜感激。

Answer 1

默认情况下，图像是内联元素。内联元素底部有一点间隙，以说明字母上的下降。您可以通过浮动图像来解决问题。