如何让多个button或者多个view显示在一行内，并且自动适应于屏幕的宽度 - WXOPEN Club

比如

我想做一下这一部分，但是我想让这5个内容在data中用数组的形式存储，然后让他们在一行，我最初的想法是每一个的width占20，但是字体不太合适，会出现button内换行的效果。希望大佬们能帮忙解答一下。

wxml中的内容

<view wx:for="{{order}}" wx:key="{{}}">

<button class='GPSBtn'>{{order[index]}}</button>

</view>

js中的内容

data: {

order:["全部订单","待付款","待发货","已发货","已收货"],

},

整个父标签裹起来，设上 display:flex;justify-content:space-around;