可能重复:
html,css - 图片下方奇怪的隐形边距
我正在这个网站上工作:https://dl.dropbox.com/u/2241201/tivoli-animation/index.html
这只是一张桌子上的一堆 <td><img src='' /></td>
我已经设置了宽度和高度,但我不知道奇怪的白色空间来自哪里.我也知道图像的大小正确,而且当我inspect element使用chrome 时,似乎没有任何填充或边距问题.
之所以发生这种情况是因为默认情况下您的图像是内联的,所以基本上它们就像文本一样,在基线下留下空间.你可以block用这样的东西制作它们:
table img {
display: block;
}
你可以在这里阅读更多相关信息:图像,表格和神秘差距 - 在MDN上