表格单元格宽度的不同行为：0 跨浏览器

Question

table { width: 100%; border-spacing: 0; border-collapse: collapse; }
td { padding: 0; margin: 0; border: 1px solid black; }

<table><tr><td style="width:0">left</td><td>right</td></tr></table>

这里是一个代码sn-p：我们将表格宽度设置为100%，将一个表格单元格的宽度设置为0。

Google Chrome 中的渲染结果与其他浏览器有很大不同。哪个渲染结果是正确的？或者有没有关于这种情况的规范？

Answer 1

使用 display:flex;和浮动：左；在 td 上，您将获得相同的结果并在浏览器上查看。