在進行頁面的div css排版時，遇到ie6（當然有時firefox下也會偶遇）瀏覽器中的元素img下出現多餘空白的問題絕對是常見的
對於該問題的解決方法也是「見機行事」。
1、將轉換為塊級物件
即，設定img為「display:block;」。在本例中新增一組css**：「#sub img 」。
2、設定的垂直對齊方式
即設定的vertical-align屬性為「top，text-top，bottom，text-bottom」也可以解決。如本例中增加一組css**：「#sub img 」。
3、設定父物件的文字大小為0px
即，在#sub中新增一行：「font-size:0;」可以解決問題。但這也引發了新的問題，在父物件中的文字都無法顯示。
就算文字部分被子物件括起來，設定子物件文字大小依然可以顯示，但在css效驗的時候會提示文字過小的錯誤。
4、改變父物件的屬性
如果父物件的寬、高固定，大小隨父物件而定，那麼可以設定「overflow:hidden;」來解決。
如本例中可以向#sub中新增以下**：「width:88px;height:31px;overflow:hidden;」。
5、設定的浮動屬性
即在本例中增加一行css**：「#sub img 」。如果要實現**混排，這種方法是很好的選擇。
6、取消標籤和其父物件的最後乙個結束標籤之間的空格
div中的img標籤多餘空白bug解決方案
上圖之前之後 原圖是這樣的 發現區別了吧，這裡用到了css3的object fit屬性為cover 保持原有尺寸比例。保證替換內容尺寸一定大於容器尺寸，寬度和高度至少有乙個和容器一致。因此，此引數可能會讓替換內容 如 部分區域不可見。之前不知道這個屬性的時候還傻傻寫js判斷 img.onload f...
解決img標籤下面的小空隙
很多初學小夥伴在寫頁面的時候碰到過乙個問題，當我們用乙個div直接包裹img，img的下方會出現3px間距，如圖 原因 img是一種類似text的標籤元素，在結束的時候，會在末尾加上乙個空白符 匿名文字 導致下方會多出來 3px 間距，其實我們在img右側新增乙個span包裹住文字，現象會更明顯 解...
IE下img多餘5畫素空白
嗯，開場先胡扯幾句不相關地感言。最近的工作讓我有了很多實踐的機會，同時也讓我收穫頗豐。在群裡聊天的時候也提到過，所有的學習過程，最好是理論 實踐 再理論 再實踐。的乙個迴圈往復的過程。這裡說的理論是個比較寬泛地概念，其中包括書本理論，也包括對實踐地總結。只有理論沒有實踐，往往造 成眼高手低，想得好，...