圖檔下面出現空白怎麼解決:
在網頁布局中可能會遇到這樣的問題,那就是在圖檔的下面會出現空白,這種現象一般隻會在IE6浏覽器中出現,不過在火狐下也有可能會出現,這種現象在很多情況下都會嚴重影響網頁的美觀度,下面就介紹一下如何消除此種現象。
解決方案一:
将
轉換為塊級元素,例如:
img {display:block;}
以上方式可以解決此問題。
解決方案二:
使用vertical-align屬性來實作此效果,例如:
img {vertical-align:top;}
解決方案三:
将圖檔的父元素的字型大小設定為0也可以實作此效果,例如:
.box{font-size:0px;}
以上代碼中,将圖檔的父元素的字型大小設定為0px。
解決方案四:
為父元素添加overflow:hidden屬性,例如:
.box{overflow:hidden}
解決方案五:
删除圖檔後面的換行或者空格之類的東西也可以實作此效果。