解决微信小程序滚动视图组件无横向滚动的问题 - 行业资讯

微信开放文档中滚动视图组件的部分代码如下
　　

　　　　　　& lt;滚动视图类=" scroll-view_H " scroll-x=" true " bindscroll=肮龆北? 　　& lt;视图id=" demo1 " class=" scroll-view-item_H demo-text-1”祝辞& lt;/view> 　　& lt;视图id="以及接下来" class=" scroll-view-item_H demo-text-2”祝辞& lt;/view> 　　& lt;视图id=" demo3 " class=" scroll-view-item_H demo-text-3”祝辞& lt;/view> 　　& lt;/scroll-view> 　　　　

要实现横向滚动,只需设置以下两个:

　　<李>父元素设置空白:nowrap;}//不换行李　　<李>子元素设置显示:inline-block;李　　　　　　　　.scroll-view_H {/*设置显示:flex无效*/空白:nowrap;} 　　} 　　.scroll-view-item_H { 　　宽度:200 rpx; 　　身高:200 rpx; 　　background - color: # f00; 　　显示:inline-block; 　　} 　　　　

以上所述是小编给大家介绍的解决微信小程序滚动视图组件无横向滚动的问题,希望对大家有所帮助!