方法一:改变 html 的排版

例如:

<div>
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="google" />
</div>

改为:

<div><img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="google" /></div>

方法二:设置 img 为 display:block

方法三:设置 vertical-align 属性为 top | bottom |middle |text-bottom



共有4 条评论

  1. 1. 头像 tomcat

    管用,呵呵

  2. 2. 头像 heluyao

    刚从事网页标准工作的时候好像遇到过这种问题,现在到没遇到了。也不知原因在哪。不记得以前是用了font-size:0px还是overflow:hidden解决了的。反正解决此问题的方法有多种,而这里的方法更科学,铭记在心了!

  3. 3. 头像 橘子

    还 可以在img标签下面 加个标签

  4. 4. 头像 赵勇

    把图片和父框之间的空格和换行删掉也可以了。

发表评论

(必填)

(必填,会为您保密)

评论仅支持“a、abbr、strong、em、blockquote、code”几个简单的标签