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

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