微信小程序 scroll-view flex-wrap 失效问题

Question

大家好, 有哪位遇到过微信小程序 scroll-view 样式设置

    display: flex;
    width: 100%;
    line-height: 88px;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: hidden;

, 同时 子元素 设置: flex: 1 0 auto, 造成每个子元素都会自动换行(即是造成 scroll-view 的 flex-wrap: nowrap 无效)吗?

Answer 1

scroll-view 采用 flex是不起作用的，建议在 scroll-view里再套一层view，对这个view采用flex

Answer 2

.view {
    width: 100%;
    white-space:pre-line;
    display:block;
}

Answer 3

楼主你好，在scroll-view嵌套view后使用属性 {display:flex;flex-wrap:nowrap;}还是不起作用呀，请问楼主解决了吗

Answer 4

可以给子元素设置 display: inline-block;

Answer 5

在scroll-view中加入enable-flex={{true}}即可

Answer 6

请问楼主解决问题了么？怎么在scroll-view里采用flex布局