在小程序中寫一個橫向視圖，直接用一個scroll-view，加上scroll-x="true"屬性就OK了?

xml

<scroll-view class="wrap" scroll-x="true"><block wx:for="{{[1,2,3,4,5]}}" wx:key="item" wx:for-item="item"><view class="item"><text>{{item}}</text></view></block> </scroll-view>

css

.item{width:300px;text-align:center;line-height: 40px;}

對于scroll-view橫向滑動,文檔中并沒有多余的提示，但是上面的寫法 并沒有達到我要的的橫向滑動效果啊 emmmmm，上網搜了一下才知道?scroll-view橫向滑動還需要給scroll-view添加2句css?white-space: nowrap;?display: inline-block; 這樣就可以了

完整css

.wrap {white-space: nowrap;display: inline-block; }.item{width:300px;text-align:center;line-height: 40px;}

?

總結

以上是生活随笔為你收集整理的scroll-view 横向滑动无效的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。