html52.com
我爱小程序-开发者交流社区

10个元素,两行五列,如何实现?

一个数组包含1到10十个数字,在wxml中用for循环,实现两行五列,且每一行 justify-content:space-around

网友回复

请回答1988:

好了,已经解决了。


wxml:

<view style="flex-wrap: wrap;display: flex;">
  <view wx:for="{{a}}" style="flex-direction:column ;background-color: red;width: 19%;display: flex;">{{item}}</view>
</view>



js:

Page({
  data:{
    a:[0,1,2,3,4,5,6,7,8,9]
  }
})


评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付