Question

当布局引擎处于标准模式时，为什么表中的图像行之间存在间隙？在Mozilla Web Developer FAQ（和here更详细的解释）

我也在meyer的'CSS：The Definitive Guide'中看到了这个问题。

但是我已经在firefox 10.0.2，ie8和chrome 17.0.963.56上进行了测试，所有这些都没有任何差距。

这是我用过的标签。

<table>
  <tr>
    <td style="padding:0; background-color:red;">
      <img src="https://developer.mozilla.org/@api/deki/files/718/=Images-tables-gaps-figure1.gif" />
    </td>
  </tr>
</table>

Answer 1

您是否完全确定您正在测试的页面上处于标准模式？如果您的页面不完全符合要求，浏览器可能会在不询问的情况下更改为怪异模式 - 在这种情况下图像没有间隙。（Check here有关如何查找浏览器是否使用标准或怪癖模式的示例）

以下页面确实显示了Chrome和IE中的差距，至少。删除doctype声明，您将看到没有间隙。保持它，你会看到差距。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head></head>
<body>
<table border="1">
<tr><td>
<img src="" width="20" height="20" />
</td></tr>
</table>
</body>
</html>

表格中图像行之间的差距？

1 个答案: