2012-01-02 56 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