微信小程序scroll-view组件横向滚动

微信小程序scroll-view组件横向滚动需要设置 scroll-x 属性为true。
但单纯这样还是不能生效

<scroll-view scroll-x>
    <view></view>
    <view></view>
    ...
</scroll-view>

还需要设置white-space: nowrap强制不换行，以及设置内部的view为display: inline-block

<scroll-view scroll-x style="white-space: nowrap;">
    <view style="display: inline-block;"></view>
    <view style="display: inline-block;"></view>
    ...
</scroll-view>