小程序开发Scroll-view横向滑动的问题

近日在学习小程序的开发，其间在进行scroll-view滑动组件时，发现了个坑，目前官方文档有缺陷。
如下图所示：

在微信公众平台-小程序开发https://developers.weixin.qq/miniprogram/dev/component/scroll-view.html中scroll-view组件的横向滚动时，很多同学会发现，按文档所说的做也还是无法左右滑动，这时您可能需要考虑，scroll-view包裹的所有元素是否进行横向排列，平时我们对一组元素进行横向排列时，常用display:flex、float:left或行内元素性质的办法.但是，在小程序的这个组件里display:flex与float:left是行不通的，在这里，我们要使用display:inline-block利用行内元素性质来进行横向排列。

好了，子元素的排列解决了，这里我们要对父元素做些操作，给元素一个宽高，然后，你再试，发现还是不行！从调试器中你可以发现子元素已经变成了行内元素但是，还是未在一行显示，因为父元素的宽度的问题你的子元素只有自动 换行处理，这里你会想给scroll-view的宽增大，这里你会发现这是错误的做法，虽然子元素确实在一行显示了，但是scroll-view的显示视图变宽，仍无法滑动。

我在网上四处百度，并无收获，直到看到了white-space这个css属性里，发现如果将元素强制进行不换行处理，设置scroll-ivew 元素white-space: nowrap，问题解决！