表overflow-x css

Question

Firefox，似乎没有正确滚动显示表格。 Safari和Chrome都按预期显示，他们为overflow-x添加滚动条。有没有人对让Firefox做出回应有任何建议？

<tr>
<td  colspan="5" style="max-width:980px; overflow-x: scroll; white-space: nowrap; ">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
</table>
</td>
</tr>

Answer 1

有时候您无法直接处理表格单元格（即使规范说您应该能够这样做）。作为一种变通方法，您可以引入一个包含单元格所有内容并在其上设置属性的元素，例如。

<td  colspan="5"><div style="max-width:980px; overflow-x: scroll; white-space: nowrap; ">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
  ...
</table></div>
</td>

这种解决方法似乎对Firefox（以及IE）有所帮助。

Answer 2

除非您修复表格布局（从表格本身开始table-layout: fixed;），否则单元格将始终调整其内容大小，因此永远不会溢出。