这道题css样式显示效果竟然是这样，照说应该是并排显示呀。父盒子display：flex
来源：1-7 自由编程
Vigorous阿炎
2020-12-06 14:08:27
wxml:
<view class="pic"
wx:for="{{imgList}}" wx:key="index">
<image class="tupian" src="{{item.url}}"></image>
</view>
wxss:
.pic{
display: flex;
background-color: rgb(212, 147, 147);
}
image{
padding: 10rpx;
width: 40%;
height: 300rpx;
}
显示效果竟然是这样，照说应该是并排显示呀。display：flex
在这里输入代码，可通过选择【代码语言】突出显示
写回答
2回答
-
好帮手慕久久
2020-12-06
同学你好，理解正确，祝学习愉快！
0 -
好帮手慕久久
2020-12-06
同学你好，由于渲染出来的结构是每个图片都包裹在一个pic中，而不是4个图片包裹在一个pic中，所以给.pic设置flex样式不会让四张图片在一行显示：
可做如下调整：
祝学习愉快！
0h020-12-06
相似问题