微信小程序 scroll-view 设置scroll-x 失效问题

想实现一个横向滑动的scrollview，以为直接给scroll-view设置 scroll-x 就能解决，结果失算了，先看代码

 <scroll-view class="scroll" scroll-x="true">
          <view class="haibao_item" wx:for="{{item.recodes}}" wx:for-item="recodess">
            <view class="smallcontainer">
              <image class="smallcontainer" src="{{recodess.iamgeurl}}"></image>
            </view>
            <view style="font-size:24rpx;color:#172B4D;margin-top:24rpx">{{recodess.itemname}}</view>
          </view>
      </scroll-view>

上面的代码已经 设置了 scroll-x=“true”，但是只是这一个属性是实现不了横向滑动的scroll-view的，还需要在.wxss里面加上如下代码 ：
给scrollview本身添加： white-space:nowrap;这个属性，直接子view添加： display: inline-block; 这个属性才能实现想要的横滑scollview
scollview

  white-space:nowrap;

直接子view

 display: inline-block;

完美解决问题！