Li ie6.0下列表自動撐開的原因
分類:東莞網頁設計  日期:2012-8-10  瀏覽:次  點擊返回
標簽: 網站建設基礎知識 網站制作教程 網站建設教程  文章來源:東莞市洪福科技有限公司
         Li ie6.0下列表自動撐開的原因
 
        我們在用div+CSS進行網站布局時,經常碰到在不同瀏覽器,不同版本之間顯示不正確的問題,小編我也經常碰到這樣的問題,查閱了相關資料后,解決了問題,再將解決過程分享一下,希望碰到類似問題的朋友少走彎路。
 
        出錯現象:定義好ul的寬度,由于每一條新聞標題的字數不一樣,在頁面顯示的長度就不一樣,在li中占用的位置也不一樣,在自動排列的過程中,按道理,在正常情況時,寬度不夠時要自動換行,可是在IE6下面就出錯了,把多余的文字給按列來排列了。
 
        下面我把錯誤現象切圖對比:
 
 
 
        解決過程:在IE8 360 google firefox各個瀏覽器下顯示正常,在6下面就不正確了,馬上想到就是CSS的兼容問題,于是把每一個鏈接加上了邊框來看效果,發現其中多余的給換行了,明明是按行顯示的,成了按列顯示了,為什么會這樣子呢,查看源代碼,沒有問題,突然想到是不是沒有申明ul里空白代碼要如何處理的問題引起的呢,于是在ul里加上white-space:nowrap;再在IE6下測試一看,對了,一句小代碼,可困惑了小編數個小時,不過終于是解決了。
 
       下面給出white-space的相關參數:
 
        所有瀏覽器都支持 white-space 屬性。
        注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
 
       可能的值
 
       normal 默認。空白會被瀏覽器忽略。
       pre 空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標簽。
       nowrap 文本不會換行,文本會在在同一行上繼續,直到遇到 <br> 標簽為止。
       pre-wrap 保留空白符序列,但是正常地進行換行。
       pre-line 合并空白符序列,但是保留換行符。
       inherit 規定應該從父元素繼承 white-space 屬性的值。

       還有一點需強調的是,這里的自動換行與您網站定義的樣式有密切相關。全局樣式的不同,直接影響您處理方式的不同,切勿生搬硬套!


域名注冊 |  企業郵箱 |  虛擬主機 |  網站設計 |  網站建設報價 |  網站推廣 |  網站建設 |  聯系我們 |  Sitemap

洪福科技是東莞正規網頁設計公司,提供東莞建站、網絡推廣、企業郵箱、域名注冊和虛擬主機服務,專注于中小企業網站建設和網絡營銷服務,共享網絡開放平臺!

地址:廣東省東莞市鴻福東路紅棉路24號  郵編:523000  電話:0769-3321 8176   傳真:0769-8987 5073    郵箱:[email protected]

Copyright(?) 2009-2013 東莞市洪福科技有限公司 All Rights Reserved. 版權所有  粵ICP備09061858號  

为什么开心农场不能玩