IE 6,需要为图片指定 vertical-align

作者:vkvi 来源:千一网络(原创) 日期:2011-7-26

先看代码

img 被 CSS 控制了高度 60px,那么 div 的高度是多少?

在 Chrome、Firefox 中,它是 60px,和图片同高。

但在 IE 6 中,它是 64px,它会多出来一点。有两种解决办法:

  • 法一、把 div 和 img 标签之间的空白字符删除,不要留换行符、空格等。
  • 法二、为图片指定 CSS:vertical-align:middle;。(推荐)

事情还没完?

以上两种解决办法是 div 中的情况,如果是 li,则只能用第二种方法,请参见:干掉 li 的空白间距

相关文章
文章评论