從表格單元格中的圖像創建的不尋常間隙

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

圖像默認爲內聯元素。內聯元素在底部有一點空隙來解釋字母上的下行。您可以通過浮動圖像來解決您的問題。