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