微信小程序scroll-view想让内部照片横向可滚动

问题遇到的现象和发生背景

照片以及数据渲染出来了
但是是一列的摆放，不是横向摆放

我给他变成行内块元素为啥不生效？

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
你好！机器人 2022-02-18 15:16
关注
再包一层，然后display:flex就可以了

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

微信小程序中scroll-view的内容会被text-area里的内容所遮盖？微信小程序
2021-05-18 14:10

回答 2 已采纳 https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html
微信小程序van-field键盘不上推，如何做到键盘和输入框上推微信小程序
2022-08-23 17:18

回答 1 已采纳方便写示例就没有引用van-field，这里使用的是原生组件，应该是共通的。参考文档https://developers.weixin.qq.com/miniprogram/dev/api/devic
uniapp小程序scroll-view滑动选项卡怎么实现请求的数据实时更新？ vue.js 前端小程序有问必答
2021-09-28 11:10

回答 2 已采纳你说的是swiper下每个swiper-item里的scroll-view里的数据列表如何在切换选项卡时更新么？直接监听change事件就行了
微信小程序scroll-view组件实现滚动动画
2020-12-29 00:33

本文实例为大家分享了scroll-view组件实现索引列表滚动动画效果，供大家参考，具体内容如下效果图实现原理利用scroll-view的scroll-into-view属性进行定位；利用scroll-view的scroll-with-animation属性实现...
微信小程序左右滑动的时候如何不让页面上下滑动前端小程序微信小程序
2021-12-17 17:00

回答 3 已采纳 小程序实现滑动删除有几种方式，可以使用movable-view实现滑动，或者使用Touch事件实现滑动。具体代码你可以看下我写的这篇文章，我用这两个标签的时候没有出现页面同时滚动的情况 https:
小程序scroll-view如何上下滑动小程序微信小程序
2023-03-04 21:45

回答 1 已采纳这里应该是滚动穿透了，其实触发的是底层的滚动，可以看下我这篇文章https://blog.csdn.net/z291493823/article/details/121415933
微信小程序使用rpx但自适应失败小程序微信微信小程序
2021-08-17 14:58

回答 1 已采纳可以贴图看看是哪里跑位置了么。我们的小程序做了自定义头部导航栏，需要在app.js里面判断来访的机型，获取页面的尺寸，来自己去自适应头部。
微信小程序scroll-view实现字幕滚动
2021-01-03 08:00

本文实例为大家分享了微信小程序scroll-view实现字幕滚动的具体代码，供大家参考，具体内容如下需求：实现框内的文字自下而上的自动循环滚动。解决方案： demo:字幕滚动通过控制滑动条来完成字幕滚动，通过...
微信小程序中使用swiper包裹内容后超出屏幕的内容无法显示怎么办？ css3 微信小程序
2019-01-15 10:59

回答 1 已采纳好吧，我找到方式了，在swiper-item里加个scroll-view，并给个scroll-y，将scroll-view高度设为100%就可以了，如下 ```
微信小程序无法引用data数据微信小程序有问必答
2022-06-11 07:47

回答 3 已采纳写错了你，是item.name <text>{{item.name}}</text>
微信小程序，动态渲染，渲染层错误，如何解决？前端小程序微信小程序有问必答
2022-03-01 00:12

回答 2 已采纳第一个错误是swiper内嵌套了swiper导致的，去掉外层的swiper标签对第二错误是navigator标签需要有url属性，加上有其他问题可以继续交流~
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
2020-10-17 07:35

一、微信小程序scroll-view横向滚动实践踩坑 1. 默认情况下，scroll-view组件是不支持滚动的。为了解决这个问题，开发者需要设置scroll-x="true"属性，这样scroll-view组件就会支持横向滚动。若要支持垂直滚动，则...
微信小程序scroll-view点击项自动居中效果的实现
2020-10-15 11:54

在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它允许用户在内容超过屏幕范围时进行滚动浏览。在某些场景下，我们可能需要实现一个功能，即当用户点击`scroll-view`内的某一项时，该选项能够自动滚动到...
微信小程序scroll-view横向滑动嵌套for循环的示例代码
2021-01-20 08:27

<scroll scroll-x=true> <view class=item-content wx:for={{list}} wx:for-item=item> <view class=title>{{item.title}}</view> <view class=content>{{item.content}}</view> </view> </scroll> </view> ...
微信小程序scroll-view仿拼多多横向滑动滚动条
2021-01-03 09:08

本文实例为大家分享了微信小程序横向滑动滚动条的具体代码，供大家参考，具体内容如下效果图实现代码 index.wxml <scroll scroll-x=true class=scroll-view-x xss=removed scroll-with-animation=true wx:if={...
微信小程序 scroll-view的使用案例代码详解
2020-10-15 05:31

在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它提供了一个可滚动的视图容器，能够处理复杂的滚动需求，包括横向和纵向滚动。本文将深入探讨 `scroll-view` 的使用方法，并通过具体的代码案例进行解析...
微信小程序-scroll-view横向滚动和上拉加载
2021-03-29 21:42

今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方。先看最终效果。横向滚动1.设置滚动项display：i ... 最近刚好在集中scroll-view的文章和跳坑指南；今天介绍微信小程序...
没有解决我的问题, 去提问