js style.display=block顯示布局錯(cuò)亂問題的解決方法
1、當(dāng)表格為多列的情況下，屬性為"display:block"行的內(nèi)容寬度僅與第一列寬度相同，也就是說無論你使colspan的屬性值為多少，剩余列的空間都不進(jìn)行解析。
2、同一行反復(fù)的在"display:none;"與"display:block;"兩個(gè)狀態(tài)間切換時(shí)，表格的底部會(huì)持續(xù)的產(chǎn)生多余的空白空間以至于造成頁面布局的扭曲。
解決方法：
1、用display:table-row屬性來調(diào)試，發(fā)現(xiàn)者FireFox下正常了，但I(xiàn)E是不支持改屬性的，怎么辦呢？用JS來做判斷，然后做兼容吧。
2、另外一個(gè)很簡(jiǎn)單也很可行的方法，就是用 display:' '這個(gè)屬性dispaly后面不加任何的東西，很奇怪，這樣就兼容了Firefox和IE了。具體原因有待牛人分析。
以上就是小編為大家?guī)淼膉s style.display=block顯示布局錯(cuò)亂問題的解決方法的全部?jī)?nèi)容了，希望對(duì)大家有所幫助，多多支持腳本之家~
相關(guān)文章
JavaScript+html5 canvas制作的圓中圓效果實(shí)例
這篇文章主要介紹了JavaScript+html5 canvas制作的圓中圓效果,結(jié)合完整實(shí)例形式分析了基于JavaScript與html5 canvas技術(shù)實(shí)現(xiàn)的圖形繪制與顏色隨機(jī)填充技巧,需要的朋友可以參考下2016-01-01
JavaScript?對(duì)象新增方法defineProperty與keys的使用說明
這篇文章主要介紹了JavaScript對(duì)象新增方法defineProperty與keys的使用說明,文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的朋友可以參考一下2022-09-09
js 獲取后臺(tái)的字段 改變 checkbox的被選中的狀態(tài) 代碼
js 獲取后臺(tái)的字段 改變 checkbox的被選中的狀態(tài) 代碼，需要的朋友可以參考一下2013-06-06
Javascript中找到子元素在父元素內(nèi)相對(duì)位置的代碼
因?yàn)橄胱詣?dòng)定位到子元素，所以一直在找各種找尋元素位置的代碼。 不過總是找不到可以定位子元素相對(duì)位置的代碼2012-07-07
javaScript中push函數(shù)用法實(shí)例分析
這篇文章主要介紹了javaScript中push函數(shù)用法,較為詳細(xì)的分析了javascript中push函數(shù)的功能、定義及使用技巧,需要的朋友可以參考下2015-06-06
前端一直是距離用戶最近的一層,隨著產(chǎn)品的日益完善,我們會(huì)更加注重用戶體驗(yàn),而前端異常卻如鯁在喉,甚是煩人,下面這篇文章主要給大家推薦介紹了關(guān)于優(yōu)雅處理前端異常的幾種方式,需要的朋友可以參考下2022-08-08
JavaScript異步編程Promise模式的6個(gè)特性
Promise說起來是一個(gè)非常簡(jiǎn)單的概念，即使你沒有機(jī)會(huì)去使用它，很有可能你也了解過它。Promise是一個(gè)非常有價(jià)值的構(gòu)造器，能夠幫助你避免使用鑲套匿名方法，而使用更具有可讀性的方式組裝異步代碼。這里我們將介紹6個(gè)最簡(jiǎn)單的特性，希望對(duì)大家有幫助2014-04-04
這篇文章主要介紹了微信瀏覽器下拉黑邊解決方案 wScroollFix,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
作用域JavaScript 的變量作用域是按照函數(shù)劃分的，為了快速的了解它的特性，我們通過實(shí)例來進(jìn)行演示。2009-08-08
JS實(shí)現(xiàn)簡(jiǎn)單隨機(jī)3D骰子
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)單隨機(jī)3D骰子，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10