js style.display=block顯示布局錯亂問題的解決方法
更新時間：2016年09月21日 07:31:24 投稿：jingxian
下面小編就為大家?guī)硪黄猨s style.display=block顯示布局錯亂問題的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
1、當表格為多列的情況下，屬性為"display:block"行的內容寬度僅與第一列寬度相同，也就是說無論你使colspan的屬性值為多少，剩余列的空間都不進行解析。
2、同一行反復的在"display:none;"與"display:block;"兩個狀態(tài)間切換時，表格的底部會持續(xù)的產(chǎn)生多余的空白空間以至于造成頁面布局的扭曲。
解決方法：
1、用display:table-row屬性來調試，發(fā)現(xiàn)者FireFox下正常了，但IE是不支持改屬性的，怎么辦呢？用JS來做判斷，然后做兼容吧。
2、另外一個很簡單也很可行的方法，就是用 display:' '這個屬性dispaly后面不加任何的東西，很奇怪，這樣就兼容了Firefox和IE了。具體原因有待牛人分析。
以上就是小編為大家?guī)淼膉s style.display=block顯示布局錯亂問題的解決方法的全部內容了，希望對大家有所幫助，多多支持腳本之家~
相關文章
這篇文章主要為大家詳細介紹了JS onkeypress兼容性的寫法，感興趣的小伙伴們可以參考一下2016-04-04
本文對比分析了javascript中的null和underfined的相同點和不同點，算是一個小小的總結，希望對大家學習javascript能夠有所幫助。2015-07-07
這篇文章主要介紹了微信小程序新聞網(wǎng)站詳情頁的實例代碼，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01
js求數(shù)組中全部數(shù)字可拼接出的最大整數(shù)示例代碼
這篇文章主要給大家介紹了利用js如何求數(shù)組中全部數(shù)字可拼接出的最大整數(shù)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友可以參考借鑒，下面隨著小編一起來學習學習吧。2017-08-08
這篇文章主要介紹了淺析javascript中的事件代理，由一道面試題講起，感興趣的小伙伴們可以參考一下2015-11-11
下面小編就為大家分享一篇webpack-dev-server自動更新頁面方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了js?把字符串轉成json對象的三種方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
本篇文章主要介紹了深入理解ES7的async/await的用法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)留言板，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
類似php的js數(shù)組的in_array函數(shù)自定義方法
PHP的數(shù)組函數(shù)in_array()非常方便，下面就為大家介紹下自定義類似php的js數(shù)組的in_array函數(shù)，具體實現(xiàn)方法如下，感興趣的朋友可以參考下2013-12-12