搜索:
首页 >> 网页设计 >> CSS/HTML >> IE6下图片下方有空隙的解决方法

IE6下图片下方有空隙的解决方法

2008-8-1 作者:天空诚整理 来源:中国Asp之家 投递文章

by yemoo

有时在编写网页代码时发现,img底部莫名奇妙多出大约3px的空白,无论怎么调节css都不可以,今天再次遇到此问题,网上看了一下,总结出两种方法:

1、使用CSS设定img的display属性为block。

2、为img标记的align="center"属性。

by 怿飞

方法一:改变 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

Tags:图片  ie6  方法 
相关文章
手机版 CSS/HTML Asp之家 Aspxhome.com
闽ICP备06017341号