收藏
回答

小程序使用阿里图标有固定高度,上面有一段空白

小程序引入阿里矢量图标,小于一定字号时,icon高度固定,图标在底部,上面有一段空白,这个空白能否去除的?

回答关注问题邀请回答
收藏

1 个回答

  • valen
    valen
    2019-03-07

    阿里图标在小程序中使用,总是会有个固定高度存在,然后图标默认置底,顶部存在一段空白空间,导致图标的居中摆放根据不同的机型屏幕无法调整。

    这个问题也一直困扰着我,不确定根源到底是阿里图标的原因还是小程序的原因。同求哪位高手有解决方案吗?


    2019-03-07
    有用
    回复 4
    • valen
      valen
      2019-03-08

      昨天自己调试找到了居中的解决方式,图标大小用固定px控制,margin-bottom也用固定px控制。随着不同手机型号和分辨率的不同,图标的大小和位置将保持不变。

      <icon class='iconfont icon-icons_list' style='font-size: 14px; margin-bottom: 10px;'></icon>


      2019-03-08
      回复
    • valen
      valen
      2019-03-11

      刚看到别人用text包裹,顶部无空白


      <text class='iconfont icon-icons_list'></text>


      2019-03-11
      回复
    • 西索小包子
      西索小包子
      2019-03-12

      谢谢啦  试试

      2019-03-12
      回复
    • 冂字同桌
      冂字同桌
      2019-12-21
      感谢!解决了我熬夜找的bug
      2019-12-21
      回复
登录 后发表内容