建站
咨詢
售后
建站咨詢
新聞中心
本文向大家介紹一下如何解決CSS display:block在Firefox下顯示布局錯亂問題，按照常理，對于某一單元行需要顯示時，使用CSS display:block屬性，在IE瀏覽器中顯示正常，但是當(dāng)用Firefox瀏覽時卻出現(xiàn)了布局錯亂的問題，這里和大家分享一下解決方法。
我們提供的服務(wù)有：成都網(wǎng)站建設(shè)、成都做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、太和ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的太和網(wǎng)站制作公司
CSS display:block在Firefox下顯示布局錯亂問題
按照常理，對于某一單元行需要顯示時，使用CSS display:block屬性，不需要顯示時使用display:none屬性，而且這樣做在IE瀏覽器中顯示正常，沒有任何問題。
但是當(dāng)用Firefox瀏覽時卻出現(xiàn)了布局錯亂的問題，然后通FireBug去看了下源碼，調(diào)試下了，發(fā)現(xiàn)是CSS display:block屬性搞的鬼。
1、當(dāng)表格為多列的情況下，屬性為"CSS display:block"行的內(nèi)容寬度僅與第一列寬度相同，也就是說無論你使colspan的屬性值為多少，剩余列的空間都不進行解析。
2、同一行反復(fù)的在"CSS display:none;"與"CSS display:block;"兩個狀態(tài)間切換時，表格的底部會持續(xù)的產(chǎn)生多余的空白空間以至于造成頁面布局的扭曲。
解決方法：
1、用CSS display:table-row屬性來調(diào)試，發(fā)現(xiàn)者FireFox下正常了，但IE是不支持改屬性的，怎么辦呢？用JS來做判斷，然后做兼容吧。
2、另外一個很簡單也很可行的方法，就是用display:''這個屬性dispaly后面不加任何的東西，很奇怪，這樣就兼容了Firefox和IE了。
原文地址：http://www.baybey.net/post/cssdisplayfirefoxhack.html
網(wǎng)頁題目：CSSdisplay:block顯示布局錯亂解決方案
本文鏈接：http://www.dlmjj.cn/article/djiidpd.html
