表格单元格宽度的不同行为：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>

这是一个代码片段：我们将table的宽度设置为100％，并将一个表格单元格的宽度设置为0.

Google Chrome中的渲染结果与其他浏览器截然不同。哪个渲染结果是正确一个？或者有关于这种情况的任何规范吗？

Answer 1

使用display：flex;和浮动：左;在td上，您将在浏览器上获得相同的结果和视图。