相同html代码为什么不同浏览器显示不一样

因为想加快网页图片的加载速度,我把一张大的图片切成好几张小图片,然后再用html代码组合起来,代码形式是这样的:
<div class="leftImage"><img src="图片url" alt="图片文字说明">
<img src="图片url" alt="图片文字说明">
<img src="图片url" alt="图片文字说明">
<img src="图片url" alt="图片文字说明">
</div>

这样写好了以后,代码在Firefox浏览器里是能显示整张图片的,图片之间没有空隙,但是在chrome和ie里显示的图片之前都是有空白的,这是什么原因呢?有没有办法克服?
小妹初学html,希望大神们给点指点啊!不胜感激!

3 个回答

不同浏览器的渲染方式/算法都不同. 除非用了同个渲染引擎. 另外, 这样会使服务器负载高出很多, 因为为了这张图片, 浏览器会发很多条请求给服务器以完成加载.

缝隙的问题, 试试在html的head里添加这个:

< style>img {margin:0;padding:0;}< /style>

请自行去掉2个< 后面的空格..