javascript - Mac Safari 单个 TABLE 即使在空的时候也是 1px 宽

Question

奇怪的是，一个零宽度的小 TABLE 在除 Mac 上的 Safari 之外的所有浏览器中都能工作:

<table cellspacing="0" cellpadding="0" width="0" height="30" style="width: 0px; height: 30px; background-color: red">
  <tr>
    <td width="0" height="30" style="width: 0px; height: 30px; background-color: yellow"></td>
  </tr>
</table>

除 Mac 上的 Safari 外，所有浏览器都将其隐藏，它在 Safari 9 中显示为 1px 宽的黄线(或在 Safari 6 中显示为红线)。参见 https://jsfiddle.net/0q1L7fa1/8/

出于我们程序的目的，该表需要可见(当用户拖动关联的句柄时)，因此除了让 Javascript/jQuery 将其设置为 "display: none " 当 "width == 0" 时，有没有人有更优雅的修复方法？

Answer 1

table{ table-layout:fixed; width: 0; }

这可以固定表格宽度，而不管 Safari 中的子元素