flex布局失效
来源：1-7 自由编程
Yuujio
2021-07-04 20:58:06
<view wx:for="{{imgList}}" wx:key="*this" class="imgList" >
<image class="img" src="{{item.url}}"></image>
</view>
.imgList{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
background-color: rgb(247, 128, 207);
}
.img{
width: 40%;
margin: 20rpx 0;
}
相关截图：
写回答
1回答
-
同学你好，解答如下：
由于动态生成的结构不对，所以看上去flex布局没生效。
同学的代码，会动态生成4个imgList，而每个imgList内，只有一张图片:
所以给每个imgList设置flex布局后，imgList内部的元素会按照flex布局来显示，即图片会在自己的imgList内，按照flex布局显示，而不是4个imgList按照flex布局。
建议调整结构，如下：
祝学习愉快！
0
相似问题
tabel布局
回答 1
老师这边使用table布局，我能这样写嘛
回答 1