收藏
回答

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

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

最后一次编辑于  2018-09-15
回答关注问题邀请回答
收藏

1 个回答

  • valen
    valen
    03-07

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

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


    03-07
    赞同
    回复 3
    • valen
      valen
      03-08

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

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


      03-08
      回复
    • valen
      valen
      03-11

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


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


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

      谢谢啦  试试

      03-12
      回复