<html>
<body style="background:grey;">
<table width="500" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="
background-image: url(https://s28.postimg.org/yrbcuftd9/zip.png);
height: 9px;
"></td>
</tr>
<tr>
<td style="
background-image: url(https://s28.postimg.org/yrbcuftd9/zip.png);
height: 9px;
"></td>
</tr><tr>
<td><img width="500" src="https://s28.postimg.org/yrbcuftd9/zip.png"></td>
</tr>
</tbody>
</table>
</body></html>我不明白为什么第三张zip图像的高度为18。基本上，当我将图像添加为背景时，每行之间没有间隙（第1行和第2行之间没有间隙）。但是，当我使用图像标签时，它在第2行和第3行之间造成了缝隙。我不明白为什么。有任何想法吗？还有如何删除第2行与该行之间的间隙。
<img>默认情况下被认为是内联的，因此与其他内联元素一样，它也有行高和下级空格。Descender空间是每一行下的空白，对于任何像'p'或'q'这样的字母悬挂点，它都不会占任何地方。
如果将其设置为display: block，所有内容将一起单击。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句