网页图片之间有间隙

一直都没有做过一个网页大面积由图片组成,一直不懈一故,后来发现,其实这里头还是有很多值得关注的。

这次主要碰到的问题是上下排列的图片在IE6和IE7里有间隙。

相关代码:

只是在 IE6-7会这样,我一开始以为是网页文本类型的缘故,我一开始用的严格类型文本,后来改为过渡行还是一样。

说真的我也搞不清到底为什么会这样,总之通过正常CSS途径(非hack)不好解决,不过后来我发现,给每周图片加一个容器,问题就解决了,像这样:

这儿不一定必须是 div,事实上其他很多容器都可以。

那么为什么会这样。WHO TELL ME?haha!