uniapp中Image标签出现莫名间距

2024-07-07  本文已影响0人  我是七月

出现此问题大概率有两个原因:
1.uniapp自定义元素标签uni-image。为了和原生image标签属性,采用了display:inline-block;属性导致的。

2.因为设置了mode="aspectFit"或者其他属性

解决方案:

1、设置display

uni-image{
display:inline-block;
}
image{
display: block;
};

2 、设置line-height
<image> 外面<view>加一个line-height=0

3、设置font-size
把图片的font-size设置成0

方法1亲测有效,2和3未测试

上一篇 下一篇

猜你喜欢

热点阅读