小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序引入阿里矢量图标,小于一定字号时,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>
谢谢啦 试试