0

我以前从未遇到过这个问题，但与 Firefox 和 Chrome 相比，我的 td 在 IE 中显示的高度是 3-4 倍。

<tr>
<td align="right" valign="top" style="padding:0px" scope="row"><img src="image.png" width="15" height="15"></td>            
<td width="247" height="74" align="left" valign="top" style="padding:0px" scope="row">    </td></tr>
<tr>
<td width="20" align="right" valign="top" style="padding:0px" scope="row"><img src="images.png" width="15" height="15"></td>        
<td height="39" align="left" valign="top" style="padding:0px" scope="row"></td></tr>
<tr>
<td width="20" align="right" valign="top" style="padding:0px" scope="row"><img src="image.png" width="15" height="15"></td>        
<td height="54" align="left" valign="top" style="padding:0px" scope="row"></td></tr>
<tr>
<td width="20" align="right" valign="top" style="padding:0px" scope="row"><img src="image.png" width="15" height="15"></td>        
<td align="left" valign="top" style="padding:0px" scope="row"></td>

</tr>
4

1 回答 1

1

所以，我检查了http://jsfiddle.net/Sx6be代码。问题是浏览器分配剩余高度的方式不同。Firefox 和 Chrome 使行的精确高度在 td 标签中定义，但 Internet Explorer 尝试平均分配高度（与表格分配其列宽的方式相同）

您需要做的是：强制行跨度内的最后（空）行尽可能高（“完全合格的网络......”下面的行）：

<tr>
    <td width="20" align="right" height="240" valign="bottom" style="padding:0px" scope="row"></td>
    <td align="left" valign="top" style="padding:0px" scope="row"></td>
</tr>

我把高度设置为 240 来实现这一点。

看看这个： http: //jsfiddle.net/Sx6be/5/ 你可以把 td 的高度改成 0 看看到底是什么问题

但是如果您知道表格的高度，则只能使用此修复（因为您只能将值固定为高度）。

更好的解决方案是使用未排序列表<ul>而不是Key Benefits零件表。

基于表格的布局非常过时。你真的应该避免使用它，现在你应该知道为什么了。

于 2013-07-29T12:13:02.907 回答