使用阿里图标库图标在元素中出现留白的问题

Question

1、在阿里图标库选择的图标是没有留白的，但是下载下来引用后发现图标有留白，如下图所示，设置padding,margin,font-size:0;line-height:40px;等样式后均无改善。不知道应该怎么去除掉图标上部的留白？如果说需要给图标设置padding-bottom这种做法，那么每个图标留白的位置不一定都是上部留白，每个图标去维护实在是太麻烦了，所以请教各位是不是还有别的解决办法？

Answer 1

感觉是你把span标签变成了一个块元素吧 使用ｉ标签试试

Answer 2

display:block;
height: ...

设定一下试试

Answer 3

图标自己制作的吗，高宽不一样，应该是图标的问题