在HTML中强制TR高度

Question

我试图强制只包含图像的表格行是图像＆＃39;高度，但页面总是显示一些额外的像素高。 见http://www.slamgmt.com/newsite/index.php 另外http://www.slamgmt.com/newsite/sla.css

顶部的横幅使用CSS类＆＃34; banner＆＃34;和＆＃34; bannersidebar＆＃34;所有这些都明确设置了高度，但实际高度太大，如横幅下方的白色空间和黑线上方所示。

有没有人知道强迫它修剪那个空间的方法？

Answer 1

将display:block添加到标题图片中，应该修复它...

img.topbanner
{
max-width:100%;
border:0px;
display: block;
}

Answer 2

我认为我没有给过一个tr的高度，它只是变得和td一样高。

另外，你定义的tr高度为192，但考虑到2px的边界，td为194。

tr.banner
{
height:192px;
max-height:192px;
}

td.banner
{
height:192px;
max-height:192px;
border-bottom:2px solid black;
}

Answer 3

我相信img标签会在它们周围添加一点点边距。尝试在img上设置保证金：0px并查看是否可以解决您的问题。