小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序引入阿里矢量图标，小于一定字号时，icon高度固定，图标在底部，上面有一段空白，这个空白能否去除的？
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
直接给图标加个display：flex; align-items: center;
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
阿里图标在小程序中使用，总是会有个固定高度存在，然后图标默认置底，顶部存在一段空白空间，导致图标的居中摆放根据不同的机型屏幕无法调整。
这个问题也一直困扰着我，不确定根源到底是阿里图标的原因还是小程序的原因。同求哪位高手有解决方案吗？
昨天自己调试找到了居中的解决方式，图标大小用固定px控制，margin-bottom也用固定px控制。随着不同手机型号和分辨率的不同，图标的大小和位置将保持不变。
<icon class='iconfont icon-icons_list' style='font-size: 14px; margin-bottom: 10px;'></icon>
刚看到别人用text包裹，顶部无空白
<text class='iconfont icon-icons_list'></text>
谢谢啦 试试
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
直接给图标加个display：flex; align-items: center;
阿里图标在小程序中使用，总是会有个固定高度存在，然后图标默认置底，顶部存在一段空白空间，导致图标的居中摆放根据不同的机型屏幕无法调整。
这个问题也一直困扰着我，不确定根源到底是阿里图标的原因还是小程序的原因。同求哪位高手有解决方案吗？
昨天自己调试找到了居中的解决方式，图标大小用固定px控制，margin-bottom也用固定px控制。随着不同手机型号和分辨率的不同，图标的大小和位置将保持不变。
<icon class='iconfont icon-icons_list' style='font-size: 14px; margin-bottom: 10px;'></icon>
刚看到别人用text包裹，顶部无空白
<text class='iconfont icon-icons_list'></text>
谢谢啦 试试