關於小程式的橫向滾動
阿新 • • 發佈:2018-12-17
一開始程式碼寫上去了但是死活滾不了
主要是容器的 white-space:nowrap; 以及滾動元素的 display:inline-block; 屬性
然後改了一遍 可以直接複製貼上
<scroll-view scroll-x style="" > <view class="item"> <label>視屏搜尋標題</label> </view> <view class="item"> <label>視屏搜尋標題</label> </view> <view class="item"> <label>視屏搜尋標題</label> </view> </scroll-view> .box{ width:auto; overflow:hidden; white-space:nowrap; overflow: hidden; } .item{ width: 300rpx; height: 200rpx; padding: 1%; display:inline-block; vertical-align: top; border-radius: 5%; color: rgb(124, 207, 255); }