为什么表td宽度不等于tr宽度？

Question

所以我有这个简单的表格标记：

＆＃13;

＆＃13;

    <table style="border:none;margin:0;padding:0;width:288px">
      <tr style="padding:0;border:none;margin:0">
        <td style="padding:0;border:none;margin:0;width:288px;">
          <div style="width:288px;margin:0;padding:0;border:none;">xx</div>
        </td>
      </tr>
    </table>

＆＃13;

＆＃13;

＆＃13;

div和td标记在Chrome检查器中按预期返回宽度288。然而tr和表返回292.这4个额外像素来自哪里？

我试图让像素精确表与td相同。有什么想法吗？

Answer 1

尝试添加＆＃34;边框折叠：折叠;＆＃34;风格到你的桌子。

在标准HTML中，该属性设置为＆＃34;单独＆＃34;，在您的表格中添加（此处不需要的）填充。

Answer 2

试试这个：

＆＃13;

＆＃13;

square(6)/36

＆＃13;

＆＃13;

＆＃13;

Answer 3

在某些情况下，在table-element上设置以下css将会收听所有内容！

table-layout: fixed;