css3背景图片 background-repeat: space;

CSS3新增，当背景图片不能以整数次平铺时，会用空白间隙均匀填充在图片周围，图片不缩放。

例如：
background-position: center;
background-repeat: space;

你会发现，background-position: center好像并没有什么用嘛！是的，当某个方向上能平铺多张背景图时，background-position不生效，但是一旦某个方向上只能平铺一张背景图时，background-position的作用就来了，此时就是background-position说了算！

例如，同样大小的盒子，同样的样式，我们给图片放大一点，让其在横向只能平铺一张，但纵向能平铺两张，看看效果。

background-repeat: space

完美！横向background-position生效了，图片居中了，纵向则继续按照background-repeat: space方式进行。

1，默认重复

2，background-repeat: space

3，background-position: center;background-repeat: space;