例如如下布局
<view class="box-wrapper">
<view class="box-item" style="background-color: aquamarine;">
<view class="box-item-l">
x<img/>
</view>
</view>
<view class="box-item" style="background-color: red;">
<view class="box-item-l">
c<img/>
</view>
</view>
</view>
我们需要添加样式如下
.box-wrapper{
column-count: 2;//列数,自定义设置
column-gap: 5px;//列间距,自定义设置
}
实现效果如下
我们只需要设置内部图片的宽为100%,高度会随着图片高度改变而改变
img{
width: 100%;
}