为什么表格中只有Chrome的列没有平均分配

Question

当我为表格设置宽度时，Chrome中每个列的宽度不相等，但Firefox和Edge的浏览器中每列的宽度相等。我想在Chrome中获得等宽列。

＆＃13;

＆＃13;

<style>
td { border: 1px solid red; }
</style>
<table style="width: 555px">
  <tr>
    <td ></td><td ></td><td ></td><td ></td><td ></td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我刚刚使用下面的代码对此进行了测试，我的Chrome正确呈现了小数点像素。

但是，我认为浏览器会将小数位向上/向下舍入到像素，以避免产生模糊的图像。这意味着浏览器渲染的分辨率会产生影响。

由于Firefox和Chrome不使用相同的浏览器引擎，因此在渲染方面存在微小差异并不奇怪。

＆＃13;

＆＃13;

td { border: 1px solid red; }

＆＃13;

<table><tr><td style="width: 50px"></td></tr></table>
<table><tr><td style="width: 50.5px"></td></tr></table>
<table><tr><td style="width: 51px"></td></tr></table>

＆＃13;

＆＃13;

＆＃13;