表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)有所帮助.