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