将一个块级元素水平和垂直居的方法
雪碧图
网页加速过程中,图片个数越多就越可能造成一直加载不出来的现象,Sprite图像拼合可以让页面中设计到的小图标都整合到一个图片上,通过图像位置定位来操作。
优点: 图片变成一张肯定所占位置更少,减少加载时间,增强用户体验;作为设计师来说不用对各种小图标命名,减少工作量,再一个就是对风格的更改整体操作来说更为简便。
缺点:背景大小,容易出现断裂,相比之下不是直接替换照片,而是利用PS来测量好每一个的位置,环节繁琐一些,当然更改部分元素的同时需要动整体,也比较麻烦一些。
原文:https://www.cnblogs.com/xf2019/p/12079969.html