您的位置 首页 > 娱乐休闲

微信小程序解决多切图缝隙(多个图片排列有缝隙)


微信小程序解决多切图缝隙(多个图片排列有缝隙)

用于解决IOS系统,小程序显示多张图片时出现缝隙的问题(强迫症,不改不行☺)。

今天给小程序的文章详情页中添加多个切图,发现在Andriod和PC的小程序端显示都没问题,IOS系统上显示出现了白色缝隙。如下图所示:

解决方案一 :flex布局

<div style="display: flex; flex-direction: column;">
<image src="" style="width:100%;"></image>
<image src="" style="width:100% ;"></image>
<image src="" style="width:100%;"></image>
<image src="" style="width:100%;"> </image>
<image src ="" style="width:100%;"></image>
</ div >

采用flex布局,布局方向:列。

解决方案二:给image设置一个margin-top,为负值

图片{
margin-top:-10px
}





责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“微信如何切图,微信如何切图带语音的,微信如何切换账号登录,微信如何切换铃声”边界阅读