当前位置: 首页 > news >正文

uniapp scroll-view横向滚动无效,scroll-view子元素flex布局不生效

要素排查:

1.scroll-x属性需要开启,官方类型是Boolean,实际字符串也行。

 

2scroll-view标签需要给予一个固定宽度,可以是百分百也可以是固定宽度或者100vw。

 

 3.子元素需要设置display: inline-block(行内块元素)属性,scroll-view需要设置white-space: nowrap(不换行)

当使用scroll-view横向滚动的时候一般场景都是有多个子元素超出屏幕宽度了需要滑动,所以需要给予子元素display: inline-block属性

 

flex布局:

scroll-view的子元素需要设置flex布局的时候需要设置:enable-flex="true"属性开启flex布局

当子元素item里面还有其他元素需要设置display:flex,这是设置子元素为display: inline-block就不能设置为flex布局, 这时就需要给子元素里面的子元素都设置成inline-block或者其他布局了,然后再调整样式。

http://www.lryc.cn/news/138633.html

相关文章:

  • 无涯教程-进程 - 简介
  • HTML番外篇(四)-HTML5新增元素-CSS常见函数-理解浏览器前缀-BFC
  • 机器学习之Adam(Adaptive Moment Estimation)自适应学习率
  • 深入理解Linux权限管理:保护系统安全的重要措施
  • kafka复习:(20):消费者拦截器的使用
  • 水库大坝安全监测的主要内容包括哪些?
  • Cadence软件屏幕显示问题
  • 访问服务器快慢的因素
  • vue(element ui安装)
  • 基于FPGA视频接口之HDMI2.0编/解码
  • Codeforces Round #894 (Div.3)
  • MyBatid动态语句且模糊查询
  • JVM——垃圾回收器G1+垃圾回收调优
  • 【SA8295P 源码分析】23 - QNX Ethernet MAC 驱动 之 emac1_config.conf 配置文件解析
  • iptables的使用规则
  • JS 动画 vs CSS 动画:究竟有何不同?
  • 供应链 | 大数据报童模型:基于机器学习的实践见解
  • Java开发工作问题整理与记录
  • 静态代码扫描持续构建(Jenkins)
  • Git gui教程---汇总篇
  • flink sql checkpoint 调优配置
  • Linux 网络文件共享介绍
  • Qt中如何在qml文件中使用其他的qml文件并创建对象
  • 学习心得04:CUDA
  • OpenCV实现摄像头图像分类(Python版)
  • 计算机竞赛 地铁大数据客流分析系统 设计与实现
  • sonarqube报错http status 500-internal server error,什么原因,怎么解决
  • 工业设计的四个主要阶段,你都知道吗?优漫动游
  • 【DevOps视频笔记】4.Build 阶段 - Maven安装配置
  • linux非GUI模式执行带有jpgc线程组jmeter脚本报错