html - 图片展开表格单元格

Question

我有一张600x90 的图片，我想要一个尺寸正好为 600x90的表格单元格。

但是我在网上尝试了溢出：隐藏和其他一些解决方案，但它仍然为几张图片扩展了表格单元格。

到目前为止我能得到的最好的是 600x93，但它在底部留下了3 个空像素，看起来很尴尬！

有人可以帮我找到解决方案吗？

Answer 1

图像默认有

display:inline

在大多数浏览器中，它的高度增加了 3-5 像素。

尝试像这样设置图片的css：

table.myTable td.withImage img { display:block; }

看看它是否有效。

Answer 2

我已经在一些默认图像显示类型为内联的浏览器中看到了这种情况，并且它位于某个假想线的上方。尝试将 display:block 添加到您的图像类。

如果这没有帮助，请让我们知道它是跨浏览器问题还是只是 FF/IE/其他问题。还有一个例子可以提供帮助。