uniapp中Image标签出现莫名间距

作者: 我是七月 | 来源:发表于2024-07-07 15:46 被阅读0次

uniapp引用本地图片不显示
uniapp image标签base64不显示图片的问题
uniapp滚动页面到一定的高度，导航栏的样式切换
小程序图片标签和文字标签之间有距离
uniapp image app端不显示
CSS中
标签横向排列出现间距问题
小程序中设置图片宽度100%，高度自适应不变形
HTML中一些空白间距的处理
HTML元素莫名空白
【小程序】利用canvas实现分享功能

出现此问题大概率有两个原因：
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未测试

uniapp引用本地图片不显示
找了很长时间；引用图片不显示的帖子，最终发现，这个uniapp里面的标签不是img而是image 所以注意引用的时...
uniapp image标签base64不显示图片的问题
问题描述如题，在uniapp中使用image标签，imgUrl是后端返回的一段base64格式的图片：这样可能...
uniapp滚动页面到一定的高度，导航栏的样式切换
效果图image.pngimage.pngimage.png 这是使用的uniapp中的生命周期onPageScr...
小程序图片标签和文字标签之间有距离
小程序开发遇到图片和文字上下之间距离过大的问题，本来以为是text标签上面的距离，逐步排查出是image标签下面有...
uniapp image app端不显示
踩坑历程事情是这个样子的~ uniapp 中的 image 组件中，mode 属性的默认值是 scaleToFi...
CSS中
标签横向排列出现间距问题
HTML代码块： CSS代码块：显示效果：可以看到每
标签之间有明显的间隔，要想办法把它去掉。错误原因...
小程序中设置图片宽度100%，高度自适应不变形
在image标签中添加mode属性即可
HTML中一些空白间距的处理
在我们使用html过程中，有时候总是会出现一些莫名的空白间距，所有特此总结一下一些碰到的空白间距。第一种：浏览...
HTML元素莫名空白
元素间留白间距出现的原因就是标签段之间的空格。文章去除inline-block元素间间距的N种方法描述了这种情况；...
【小程序】利用canvas实现分享功能
一、分享功能核心思路 1.在wxml页面中添加最重要的两个标签：image 和 canvas, image标签用于...