CSS Sprites技术在把小图拼合成一张大图时，小图的位置如何摆放

gpedit250715312 2010-09-01 08:57:46

CSS Sprites技术在把小图拼合成一张大图时，小图的位置如何摆放？？有什么讲究？？？

...全文

269 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

gpedit250715312 2010-09-20

打赏
举报

这么精典的问题为什么不火呢。。。。。

dalmeeme 2010-09-20

打赏
举报

没什么特别的讲究，怎么放利于定位就怎么放。

路伊阑珊 2010-09-20

打赏
举报

友情帮助

cdmpr 2010-09-20

打赏
举报

CSS爱好者路过，顶起

碧海情天-赵亮 2010-09-02

打赏
举报

网上有不少帮助自动生成图片和CSS的工具网站，如：http://cn.spritegen.website-performance.org/

可惜的是在用过的DW版本里没有提供这种方法。以前一直以为有的，现在看到这么多这种工具网站，也就知道应该是没有了。受此启发，有空有心情的朋友做一个这种工具也不错。

碧海情天-赵亮 2010-09-01

打赏
举报

看小图的尺寸情况。

如果相同尺寸，纵向摆放居多（原理上讲也可以水平摆放，但我所见的很多图里都是纵向摆放的，水平摆的没印象，估计是因为书写CSS时看着更顺眼），也可矩形摆放（书写CSS相对笔墨多一点）。在图片结果上，也就是最终的图片大小上，基本没大差别。

如果尺寸不同，简单地，也可以纵向摆放，但很少这么做，因为图片尺寸会不必要地增加。出于这种考虑（因为会影响下载速度），所以会把最大图片放一行，然后几个小图片凑成一行这样。

具体摆放就看情况了，但总的原则是这样：优先考虑摆放对生成图片的尺寸影响，将要考虑书写CSS时的便利。