IE6图片的边缘会空白问题

<div><img src="#" /></div>
或者<td><img src="#" /></td>

为什么在IE6图片的边缘会有空白？

通过在网络上查找得出解决办法：

解决的方法有很多：

1、div设overflow:hidden或font-size:0

2、img设float或display:block或" vertical-align:middle"

   但究其原因，也许是IE6中<img>始终带有haslayout，而在此情况下IE6对行高和line-box的解释不正确有关。

   可能原因是，图片文字等inline元素默认是与父级元素的baseline对齐的，而baseline又与父级元素底边有一定距离（这个距离与font-size，font-family相关）其他的block元素中包含img都会有这个现象。

   我一般都会使用img的vertical-align这个样式来解决这个问题，这样只影响div内的img自己，而不影响其他元素。