<scroll-view scroll-x="true">
<view>item1</view>
<view>item2</view>
<view>item3</view>
<view>item4</view>
<view>item5</view>
</scroll-view>
scroll-view组件横向滚动直接使用会有问题的,因为它下面的子元素并不会在一行排列,需要加上以下CSS完美解决。
scroll-view {
white-space:nowrap;
}
scroll-view view {
display:inline-block;
}
本文介绍如何通过CSS样式解决WXML中scroll-view组件横向滚动时子元素不在同一行显示的问题。通过设置white-space:nowrap及display:inline-block属性,可以让scroll-view内部的view元素在一行内水平排列。
1612

被折叠的 条评论
为什么被折叠?



