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

比如

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

wxml中的内容

<view wx:for="{{order}}" wx:key="{{}}">   <button class='GPSBtn'>{{order[index]}}</button> </view>

js中的内容

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