中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

嗯，開場先胡扯幾句不相關(guān)地感言。最近的工作讓我有了很多實(shí)踐的機(jī)會，同時也讓我收獲頗豐。在群里聊天的時候也提到過，所有的學(xué)習(xí)過程，最好是理論－實(shí)踐－再理論－再實(shí)踐。。。的一個循環(huán)往復(fù)的過程。這里說的理論是個比較寬泛地概念，其中包括書本理論，也包括對實(shí)踐地總結(jié)。只有理論沒有實(shí)踐，往往造成眼高手低，想得好，做得差；只一味地實(shí)踐卻不通過理論地學(xué)習(xí)和總結(jié)，看起來好像忙忙碌碌，到頭來會兩手空空。

最近地實(shí)踐中，越來越覺得 li 元素中包含 a img 元素的時候會比較麻煩，需要注意，當(dāng)然，問題還是一如既往的出現(xiàn)在 IE 下。以下為其中一例：

html

<ul>
 <li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
 <li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
 <li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
 <li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
</ul>

css

ul{
 width: 280px;
}
ul li{
 display:block;
 height:57px;
 width:277px;
}

其中 temp.jpg 尺寸為 277×57

Firefox 下的正常表現(xiàn)：

IE6 下的非正常表現(xiàn)：

很明顯地可以看到 IE 中，li 的表現(xiàn)高度，并非我們設(shè)定的 57px，而是比其要高，這是因?yàn)?img 下面多出了 5px 的空白。

出處：前端觀察
責(zé)任編輯：bluehearts

上一頁 下一頁 IE下img多余5像素空白解決方法 [2]

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。