小程序scroll-view横向滚动

wxml

<scroll-view scroll-x="true" style="background:black;height:110px; white-space: nowrap;">
<view style="background: red; width: 200px; height: 100px; display: inline-block;"></view>
<view style="background: green; width: 200px; height: 100px; display: inline-block;"></view>
<view style="background: blue; width: 200px; height: 100px; display: inline-block;"></view>
<view style="background: yellow; width: 200px; height: 100px; display: inline-block;"></view>
</scroll-view>

注释：父级加white-space:nowrap         子元素加display:inline-block

 

转载于:https://www.cnblogs.com/studyh5/p/9826197.html