有时候业务上要做做评论框或者聊天页面会用到emoji表情包，当然使用比较广泛的非微信表情包莫属了。做表情包可以使用阿里的矢量图库或svg，不讲究的话也可以直接叫UI切一堆png图片给你（如果UI不怼你的话^_^）。以前都是UI直接丢一张大图过来我用精灵css（国内也有叫雪碧图）来自己做的。原理就是用css中background-position属性来给整个大图定位以此分割成（视觉上）不同的小图来展示。 好处就是可以减少http请求也省了切图的功夫，不好的地方就是其中要改某个图片很麻烦必须更新整张图甚至重写css。 下面直接上代码： <a href="https://product.liyiru.top/uploads/3f21ef063869dab35500115dce02ca29.png">>>>这个是微信表情包的雪碧图>>></a> <img src="https://product.liyiru.top/uploads/3f21ef063869dab35500115dce02ca29.png"/> 纯js+css代码 <img src="https://product.liyiru.top/uploads/177475e1efec34f21f65ace4a2c7243e.png"/>