close
文章出處
文章列表
直接上圖：
原因：該div包含的內容是靠后臺進行print操作，輸出的。如果沒有輸出任何內容，瀏覽器會默認給該空白區域添加空白符。
在IE6、7下，瀏覽器解析渲染時，會認為空白符也是占位置的，默認其具有字體的屬性，所以也就出現“多余占位”的bug。
解決方法：
一、讓html標簽相接輸出。例如：<div></div>。 ——太過麻煩，代碼也不規則，不好維護。
二、設置font-size:0; ——不能完美fix~
二、使用注釋符<!-- -->。例如：<div><!-- --></div>，讓div中間不存在空白符。 ——這種雖然能夠fix問題，但是不夠好
三、使用<wbr>標簽。例如：<div> <wbr><div>。 ——這樣，就可以讓瀏覽器不自動給標簽內容添加空白符，又不會出現多余的信息顯示在頁面上，完美解決~
2015-06-04 補充：
火狐對<wbr>標簽支持不是很好，還是會認為<wbr>會占位，是字符。
所以，終極解法就是<wbr style="display:none;" />
補充知識：
wbr標簽：作用是軟斷行，瀏覽器會根據容器的寬度，對文字內容進行自動斷行
兼容性：
查看網址：http://www.quirksmode.org/oddsandends/wbr.html
文章列表
 |
不含病毒。www.avast.com |
全站熱搜
留言列表
