微信小程序图片无缝衔接(微信小程序)

1 背景

出于完整性或其他原因,图片载入后需要无缝衔接起来展示。

2 效果

衔接前(有缝隙)
请添加图片描述
衔接后(无缝隙)
请添加图片描述

3 代码

只需要在< view>< /view>里面加入“ font-size: 0; ”

<view style="width: 100%;font-size: 0;">
  <image  src='../../../../icon/info01.png'></image>
  <image  src='../../../../icon/info02.png'></image>
  <image  src='../../../../icon/info03.png'></image>
  <image  src='../../../../icon/info04.png'></image>
  <image  src='../../../../icon/info05.png'></image>
  <image  src='../../../../icon/info06.png'></image>
  <image  src='../../../../icon/info07.png'></image>
</view>

版权声明:本文为qq_37018534原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。