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

安素
  • 18

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

图片描述

评论
阅读 1.2k
3 个回答
17688999433
  • 2
新手上路,请多包涵

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

display:block;
height: ...

设定一下试试

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

宣传栏