uniapp scroll-view组件横向滚动不生效

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

​

问题 ：通过scroll-view遍历循环，想让元素在一行不换行的滚动拉，结果发现没办法 没生效，直接换行

​

效果 ：

​

bug ： 横向滚动没有生效。直接换行

解决

因为scroll-view默认也是遵守块级，超过换行，在css给滚动组件加上 white-space: nowrap; 就可以滚动了，记得不要把子元素设置成块级元素 那会独占一行 换成 display: inline-block;

​

​

效果 ：

​

​

​