我在这个JSFiddle中演示了我的问题:http://jsfiddle.net/6jJaF/
如果右键单击图像周围的红色单元格,然后单击“检查元素”,即使IMG元素的高度为200px,也会看到TR和TD元素每个高度为205px。为什么它的高度大于图像?如何摆脱这个额外的高度?
如果TD元素的内容是文本而不是IMG,则不会出现此问题,如本例中的第二个表中所示。
这是HTML代码。
<table>
<tr>
<td><img src="http://i.imgur.com/dj7aqdo.jpg"/></td>
</tr>
</table>
<table>
<tr>
<td>Foo</td>
</tr>
</table>
这是CSS代码。
td {
padding: 0;
background: red;
height: 200px;
}
img {
height: 200px;
}
答案 0 :(得分:7)
答案 1 :(得分:0)
您需要将单元格填充和单元格间距设置为0并且&#34;折叠&#34;
答案 2 :(得分:0)