微信小程序scroll-view横向显示及异常显示处理
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序scroll-view横向显示及异常显示处理相关的知识,希望对你有一定的参考价值。
参考技术A 在微信小程序开发过程中,我们会经常使用到scroll-view组件,有时我们要在scroll-view中水平显示列表,类似这样:但是当我们设置了scroll-view的flex-direction:row;等属性时,会发现没有用,列表依然垂直显示,像这样:
主要是因为display:flex;等属性对于scroll-view来说是没有用的,此时我们只需要设置子试图的属性display: inline-block;即可,不需要设置scroll-view的flex属性。
但是当我们设置完成后可能会出现一下情况:
会发现列表好像没有对齐,有两个子试图错位了,接下来我们可以通过设置子属性vertical-align:top;来解决,最后会得到我们想要的效果。
以上是关于微信小程序scroll-view横向显示及异常显示处理的主要内容,如果未能解决你的问题,请参考以下文章