2012-01-02 55 views
2

Firefox,似乎没有正确滚动显示表格。 Safari和Chrome都按预期显示,他们在这里为overflow-x添加滚动条。有没有人有任何建议让Firefox响应?表格溢出-x css

<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> 
+0

你有嵌套表中的内容吗?另外,什么版本的Firefox和Chrome? – Patches 2012-01-03 00:07:17

回答

6

它有时会发生,你不能直接工作表格单元格(即使规格说你应该能够做到这一点)。作为一种解决方法,您可以引入一个元素,该元素包含单元格的所有内容并在其上设置属性,例如

<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)。

+0

这与下面的合并解决了FF问题。 – ImaginedDesign 2012-01-03 03:25:55

2

除非您修复表格布局(从表格本身开始),那么单元格将始终将其大小设置为其内容,因此不会溢出。

+0

这与上面的合并解决了FF问题。 – ImaginedDesign 2012-01-03 03:25:38