Table padding/margin/whatever

Question

我正在尝试删除此 PBWorks 维基页面底部 table 图像周围的所有 padding/margin：

但是，每张图片的底部总是会留下一点点白色 space。至少在 Chrome.

我该如何摆脱它？如果您查看 "source" 页面，您会看到我尝试使用 CSS 和 HTML 但没有成功。

Answer 1

制作图像的块元素：

img {
    display: block;
}

Answer 2

将 vertical-align: bottom 或 display-block 添加到图像中。对于同一个问题，这是两种截然不同的解决方案。

问题是它们现在是行内块并且在文本的基线上对齐。你看到的白色space就是字体底线和基线之间的space。

可以通过添加vertical-align: bottom对齐字体底部的图像来解决这个问题，消除白色space。

或者您可以将图像显示为块元素。通过这样做，link 内根本没有文本行，只有块图像，因此基线不再重要。

Answer 3

在你的情况下，我认为问题与内联元素与块级元素无关，也与 vertical-align.

无关

尝试在您的 <td> 上将 line-height 设置为 0。

html