1、當(dāng)表格為多列的情況下,屬性為"display:block"行的內(nèi)容寬度僅與第一列寬度相同,也就是說無論你使colspan的屬性值為多少,剩余列的空間都不進(jìn)行解析。
2、同一行反復(fù)的在"display:none;"與"display:block;"兩個狀態(tài)間切換時,表格的底部會持續(xù)的產(chǎn)生多余的空白空間以至于造成頁面布局的扭曲。
解決方法:
1、用display:table-row屬性來調(diào)試,發(fā)現(xiàn)者FireFox下正常了,但I(xiàn)E是不支持改屬性的,怎么辦呢?用JS來做判斷,然后做兼容吧。
2、另外一個很簡單也很可行的方法,就是用 display:' '這個屬性dispaly后面不加任何的東西,很奇怪,這樣就兼容了Firefox和IE了。具體原因有待牛人分析。
以上就是小編為大家?guī)淼膉s style.display=block顯示布局錯亂問題的解決方法的全部內(nèi)容了,希望對大家有所幫助,多多支持錯新站長站~
新聞熱點(diǎn)
疑難解答
圖片精選