首页 > 技术文章 > 关于小程序scroll-view组件添加enable-flex后布局失效的解决方案

zishang91 2021-11-22 15:49 原文

        根据小程序官方文档中描述,使用scroll-view组件时需要给scroll-view标签添加enable-flex,如此可以实现flexbox布局,但是添加后发现flex布局并没有生效,解决办法如下:

              1.在scroll-view标签添加:white-space:nowrap;

              2.在scroll-view的子节点标签添加:display:inline-block;

       如此便可以解决该问题。       

       注意:若容器内存在多行省略样式,需要在进行多行省略操作的节点标签添加:white-space:normal; 否则多行省略样式会失效。

      

推荐阅读