排列圖片IE 3px間隔

當你在寫css的時候,特別是用float: left(或right)排列一竄圖片時,會發現在firefox裏面正常而IE裏面有問題。無論你用margin:0,還是border: 0來約束,都無濟於事。
其實這裏還有另外一個問題,就是IE對於空格的處理,firefox是忽略的而IE對於塊與塊之間的空格是處理的。也就是說一個div結束後要緊接着一個div寫,中間不要有回車或者空格。不然也許會有問題,比如3px的偏差,而且這個原因很難發現。
非常不走運的是我又碰到了這樣的問題,多個img標籤連着,然後定義的float: left,希望這些圖片可以連起來。但是結果在firefox裏面正常而IE裏面顯示的每個img都相隔了3px。我把標籤之間的空格都刪除都沒有作用。
後來的解決方法是在img外面套li,並且對li定義margin: 0,這樣就解決了IE和firefox的顯示偏差。 IE對於一些模型的解釋會產生很多錯誤問題,只有多多嘗試才能發現原因。
這只是一些簡單的區別,在做佈局和CSS設計時候可以綜合考慮,但最爲有效與簡單的解決兼容問題還是用TABLE表格,表格在兼容性方面有着不錯的表現.

發佈了19 篇原創文章 · 獲贊 2 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章