scroll-view 组件设置scroll-x为true
<view class="container">
<scroll-view scroll-x=true>
<view class="box"></view>
</scroll-view>
</view>
scroll-view 组件的父组件样式设置为 white-space: nowrap;
需要横向滚动的子组件设置为 display: inline-block;
.container {
white-space: nowrap;
}
.box {
display: inline-block;
}
为了对齐,最好加上样式
.box {
vertical-align: top;
}