最近在想练习用css来排版，所以就随便找了个网页来练习
浏览器是用firefox
目前我是用一个div来装所有的img
排完之后发现img与img之间即使margin为0了，依然有个小间隙
如下：
http://ppt.cc/s0m-
使用 display:block 后上下的间隙是没有了，可是版面也乱了：
http://ppt.cc/tZPF
也有使用float:left来试，结果看似很完美，但是只要我缩小浏览器的宽度
就变的跟上面第二个情况(display:block)一样了...又试着将div设一个宽度
虽然不会随浏览器缩小而版面乱掉，但是整个画面靠左，无法置中：
http://ppt.cc/3OkU
总之我想要 img与img 间不要有间隙，然后整个画面可以置中，又不会因浏览器缩放
而版面被变动的话，请问该怎么做呢？