微信小程序sroll-view组件横向滚动

scroll-view设置高度后无法滚动，溢出内容被隐藏，就像overflow: hidden

需要scroll-view设置 white-space: nowrap;给个高度；sroll-view直接子元素设置display: inline-block

wxml文件sroll-view组件中添加scroll-x

wxss如下：

scroll-view {

  height: 200rpx;

  white-space: nowrap;

}

.scroll-item {

  display: inline-block;

}

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,845评论 1赞 92
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,879评论 1赞 45
  • 微信小程序学习日志
    每天的学习记录，可能有的地方写的不对，因为刚学，以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 4,823评论 0赞 7
  • Css 布局 -
    1. 前言 前端圈有个“梗”：在面试时，问个css的position属性能刷掉一半人，其中不乏工作四五年的同学。在...
    YjWorld阅读 4,598评论 5赞 15
  • py2和py3中的列表表达式
    py2 py2 中的列表生成式是不会有作用域(scope)的。所以列表生成式之后，变量 a 仍然可用。 py3 p...
    jiaxiaolei阅读 321评论 0赞 0