在微信小程序开发过程中,我们会经常使用到scroll-view组件,有时我们要在scroll-view中水平显示列表,类似这样:
但是当我们设置了scroll-view的flex-direction:row;等属性时,会发现没有用,列表依然垂直显示,像这样:
主要是因为display:flex;等属性对于scroll-view来说是没有用的,此时我们只需要设置子试图的属性display: inline-block;即可,不需要设置scroll-view的flex属性。
但是当我们设置完成后可能会出现一下情况:
会发现列表好像没有对齐,有两个子试图错位了,接下来我们可以通过设置子属性vertical-align:top;来解决,最后会得到我们想要的效果。
㈡ 微信小程序scroll-view 能自动滚动吗
scroll-view为滚动视图,分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。