云南網站建設創新企業 昆明多彩網絡公司

|網頁對話|電話:0871-63215311

ie6下換行空隙bug的解決辦法

來源:昆明多彩網絡公司 日期:2012-07-25 閱讀: 發表評論

ie6下換行空隙的解決辦法

很多朋友發現在ie6下面經常性出現代碼換行在頁面上都會出現空隙的bug,而在其他瀏覽器下不會出現該類情況,最后只得被迫使用css hack來解決這個bug,但是要知道高手們是可是從來不用css hack的,這是怎么回事呢?

我們先來說一下ie6對換行或者空格的解釋:

比如:<a href="#"></a> <div></div>,我看到a標簽和div之間是有空格的,瀏覽器默認都識別一個空格,這一點ie6和其他瀏覽器不一樣,因為a標簽默認不具備block(獨居一行)的屬性,所以ie6認為a標簽和div中間的空格有效,從而導致a標簽和div之前會有空隙,而在其他瀏覽器下面不會出現,其他瀏覽器解釋的原理是只要2個標簽任意一個標簽具備了block(獨居一行)的屬性,就忽略他們之間的任意換行符和空格符。

而ie6的解釋原理是只要任意一個標簽不具備block(獨居一行)的屬性,就認為它們之間的換行符、空格都是在頁面上解釋出來的,從而行程一個空格間隙。

解決辦法:將有空隙外面的兩個標簽都賦予block(獨居一行)的屬性,或者換成div或者p等本身就具備了block( 獨居一行)屬性的標簽就可以了。

發表評論評論列表(有 條評論)

相關文章:
暫無相關文章
最熱文章:
新手怎么制作網頁? 閱讀:7660
jcarousellite中文文檔 閱讀:6507
表單元素input、按鈕、文字完美垂 閱讀:6247
怎么使chrome(谷歌google 閱讀:6145
phpMailer中文文檔手冊 閱讀:4639
網頁對話 0871-63215311
原创视频传到什么网站可以赚钱