在table中tr的display:block在firefox下顯示布局錯亂問題

 按照常理，對於某一單元行需要顯示時，使用：display:block屬性，不需要顯示時使用display:none屬性，而且這樣做在IE瀏 覽器中顯示正常，沒有任何問題。

但是當用Firefox瀏覽時卻出現了布局錯亂的問題，然後通FireBug去看了下源碼，調試下了，發現是display:block屬性搞的 鬼。

1、當表格為多列的情況下，屬性為"display:block"行的內容寬度僅與第一列寬度相同，也就是說無論你使colspan的屬性值為多 少，剩餘列的空間都不進行解析。

2、同一行反覆的在"display:none;"與"display:block;"兩個狀態間切換時，表格的 底部會持續的產生多餘的空白空間以至於造成頁面配置的扭曲。

解決方案：
1、用display:table-row屬性來調試，發現者FireFox下正常了，但IE是不支援改屬性的，怎麼辦呢？用 JS來做判斷，然後做相容吧。
2、另外一個很簡單也很可行的方法，就是用 display:' ' 這個屬性dispaly後面不加任何的東西，很奇怪，這樣就相容了Firefox和IE了。