图像会扩展表格单元格

时间:2011-04-26 13:26:11

标签: html css html-table tablecell

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

但是我尝试了溢出:隐藏以及网络上的其他一些解决方案但它仍会扩展表格单元格以获得几张图片。

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

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

2 个答案:

答案 0 :(得分:4)

默认情况下

图片

display:inline

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

尝试为此图片设置css:

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

看看它是否有效。

答案 1 :(得分:0)

我已经在一些浏览器中看到过这种情况,其中默认图像显示类型是内联的,并且它位于某个虚线之上。尝试将display:block添加到您的图像类。

如果这没有帮助,请告诉我们它是否是跨浏览器问题或只是FF / IE /无论如何。还有一个例子可以提供帮助。