1. 程式人生 > >FIREFOX瀏覽器下DIV如何設定滾動條

FIREFOX瀏覽器下DIV如何設定滾動條

        今天遇到個小問題,DIV裡面巢狀表格,表格內容如果過寬就會出現滾動條。DIV設定overflow-x:auto的情況下,CHROME瀏覽器很正常,在FIREFOX下卻無效。百度了很久,都是FIREFOX不相容overflow-x的屬性的說法。有點奇怪,這個屬性都不相容。研究了一小會,發現將overflow設定為scroll,FIREFOX下的DIV居然有滾動條了,小激動一把!程式碼如下,供大家參考。

div { width:100%;height:450px;overflow:scroll; }

table {

 width:2000px; /*設定你所需的寬度*/

 word-break:keep-all;/*表格中的中文不換行*/

 white-space:wrap; /*表格中的英文不換行*/

}