微信小程序横向滚动失效

今天做微信小程序的scroll-view组件，看着官方文档的配置，但是他并没有讲清楚小白的问题。

先上一段官方的代码，发现并不能动起来。

因为还缺少一些css，高度并不是垂直滚动特定的必选项，横向滚动也是，完整的如下

overflow:hidden 必选，不然动不了，没弄明白原因；

display:flex  "弹性布局"；

white-space 属性设置当出现空白时如何处理元素内的空白；

1.normal 默认。规定段落中的文本不进行换行,空白会被浏览器忽略。

2.pre 空白会被浏览器保留。类似 HTML 中的 pre 标签。

3.nowrap 文本不会换行，在同一行上继续，直到遇到br 标签为止。

4.pre-wrap 保留空白符序列，但是正常地进行换行。

5.pre-line 合并空白符序列，但是保留换行符。

6.inherit 从父元素继承 white-space 属性的值。

display: inline-block;和html的css属性一致；