嗯，開場先胡扯幾句不相關地感言。最近的工作讓我有了很多實踐的機會，同時也讓我收穫頗豐。在群裡聊天的時候也提到過，所有的學習過程，最好是理論－實踐－再理論－再實踐。。。的乙個迴圈往復的過程。這裡說的理論是個比較寬泛地概念，其中包括書本理論，也包括對實踐地總結。只有理論沒有實踐，往往造成眼高手低，想得好，做得差；只一味地實踐卻不通過理論地學習和總結，看起來好像忙忙碌碌，到頭來會兩手空空。
最近地實踐中，越來越覺得 li 元素中包含 a img 元素的時候會比較麻煩，需要注意，當然，問題還是一如既往的出現在 ie 下。以下為其中一例：
html
複製**
**如下:
css
複製**
**如下:
ul ul li
其中 temp.jpg 尺寸為 27757
firefox 下的正常表現：
ie6 下的非正常表現：
很明顯地可以看到 ie 中，li 的表現高度，並非我們設定的 57px，而是比其要高，這是因為 img 下面多出了 5px 的空白。
解決方法 一
使 li 浮動，並設定 img程式設計客棧 為塊級元素
複製**
**如下:
ul ul li
img
解決方法 二
設定 ul 的 font-size:0;
複製**
**如下:
ul ul li
解決方法 三
設定 img 的 vertical-align: bottom;
複製**
**如下:
ul ul lidkvupuunf
img
解決方法 四
設定 img 的 margin-bottom: -5px;
複製**
**如下:
ul ul li
img
本文標題: ie img多餘5畫素空白解決方法
本文位址:
IE下img多餘5畫素空白
嗯，開場先胡扯幾句不相關地感言。最近的工作讓我有了很多實踐的機會，同時也讓我收穫頗豐。在群裡聊天的時候也提到過，所有的學習過程，最好是理論 實踐 再理論 再實踐。的乙個迴圈往復的過程。這裡說的理論是個比較寬泛地概念，其中包括書本理論，也包括對實踐地總結。只有理論沒有實踐，往往造 成眼高手低，想得好，...
解決 IE6 下 img 多餘 5 個畫素的空白
最近的實踐中，越來越覺得 li 標籤中包含 a img 標籤的時候會比較麻煩，需要注意。當然，問題還是一如既往的出現在 ie 下。以下為其中一例 css code ul ul li 其中 temp.jpg 尺寸為 277 57 firefox 下的正常表現 ie6 下的非正常表現 很明顯地可以看到 ...
div中的img標籤多餘空白bug解決方案
上圖之前之後 原圖是這樣的 發現區別了吧，這裡用到了css3的object fit屬性為cover 保持原有尺寸比例。保證替換內容尺寸一定大於容器尺寸，寬度和高度至少有乙個和容器一致。因此，此引數可能會讓替換內容 如 部分區域不可見。之前不知道這個屬性的時候還傻傻寫js判斷 img.onload f...