如果有大图片的话，就用做单个。
放在同一张图片上，要考虑到某个图标对应的栏目的最高宽度和最长高度，然后再放置，这样才不会让图片中的其他图标显示出来。
在网上搜索一下 css sprites 了解更多这样的技术吧！
这种结构用table是最简单的,用div+css反而容易乱如果你确实要用div+css结构的话,一楼正解
想实现自适应居中,#main{width:675px}可以加一句改成这样: #main{width:675pxmargin:0 auto}
或者在<main>标签外面套一个<center>标签,你不想居中都不行(所有内容都会自动居中的)
图片间距最好是用.img{padding:3px 8px 3px 7px}而不用margin-right
