luobotela 2022-02-18 14:42 采纳率: 82.1%
浏览 33
已结题

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

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

img


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

img

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

img

问题相关代码，请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

1条回答 默认 最新

  • 你好！机器人 2022-02-18 15:16
    关注

    再包一层，然后display:flex就可以了

    img

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

报告相同问题？

  • 微信小程序scroll-view组件实现滚动动画
    2020-12-29 00:33
    本文实例为大家分享了scroll-view组件实现索引列表滚动动画效果，供大家参考，具体内容如下 效果图 实现原理 利用scroll-view的scroll-into-view属性进行定位； 利用scroll-view的scroll-with-animation属性实现...
  • 微信小程序scroll-view实现字幕滚动
    2021-01-03 08:00
    本文实例为大家分享了微信小程序scroll-view实现字幕滚动的具体代码，供大家参考，具体内容如下 需求： 实现框内的文字自下而上的自动循环滚动。 解决方案： demo:字幕滚动 通过控制滑动条来完成字幕滚动，通过...
  • 微信小程序scroll-view仿拼多多横向滑动滚动条
    2020-10-18 09:00
    通过本知识点的介绍，大家可以了解到微信小程序scroll-view组件在实现仿拼多多横向滑动滚动条时的关键属性和方法，并能够根据实际的开发需求进行相应的代码实现。希望本文能够对正在开发微信小程序的朋友们提供有...
  • 详解微信小程序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的使用案例代码详解
    2020-10-15 05:31
    在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它提供了一个可滚动的视图容器，能够处理复杂的滚动需求，包括横向和纵向滚动。本文将深入探讨 `scroll-view` 的使用方法，并通过具体的代码案例进行解析...
  • 微信小程序-scroll-view横向滚动和上拉加载
    2021-03-29 21:42
    今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方。先看最终效果。横向滚动1.设置滚动项display：i ...       最近刚好在集中scroll-view的文章和跳坑指南；  今天介绍微信小程序...
  • 微信小程序scroll-view实现滚动穿透和阻止滚动的方法
    2020-10-18 04:41
    在微信小程序开发中，`scroll-view` 是一个非常重要的组件，用于实现页面的滚动效果。在某些场景下，我们可能需要实现滚动穿透或者阻止`scroll-view`的滚动，以达到特定的交互效果。本文将详细介绍如何在微信小程序...
  • 微信小程序scroll-view实现横向滚动和上拉加载示例
    2020-12-09 03:51
    今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方。 先看最终效果。 横向滚动 1.设置滚动项display：inline-block; 2.设置滚动视图容器white-space: nowrap; 3.滚动项不要用...
  • 解决微信小程序scroll-view组件无横向滚动的问题
    2020-10-15 17:14
    在微信小程序开发中，`scroll-view`组件是一个非常重要的组件，它允许用户在内容超过屏幕范围时进行滚动浏览。然而，有时我们可能会遇到一个常见问题，即`scroll-view`组件无法实现横向滚动。本文将详细解析这个问题...
  • 微信小程序 scroll-view隐藏滚动条详解
    2020-08-31 15:56
    在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它主要用于实现页面内的滚动效果。本篇将详细讲解如何在微信小程序的 `scroll-view` 中隐藏滚动条以及与页面跳转相关的技巧。 首先，我们要了解如何隐藏 ...
  • 微信小程序scroll-x失效的完美解决方法
    2020-10-18 08:46
    在微信小程序的文档中，使用scroll-view标签，然后给它设置一个scroll-x就可以实现元素，横向排列，可以左右滑动，但是在实际开发中会遇到各种问题，下面小编给大家带来了微信小程序scroll-x失效的完美解决方法,需要...
  • 微信小程序scroll-view的滚动条设置实现
    2020-10-15 14:15
    在微信小程序开发中，`scroll-view` 是一个常用的组件，用于实现可滚动的内容区域。本文主要探讨了如何在微信小程序的 `scroll-view` 组件中设置滚动条的样式和行为，尤其是在 Android 和 iOS 平台上的差异处理。 ...
  • 微信小程序 scroll-view实现上拉加载与下拉刷新的实例
    2020-11-26 19:43
    在微信小程序中，`scroll-view`组件是用于实现滚动效果的重要元素，它可以处理横向或纵向的滚动，并且支持上拉加载更多（onReachBottom）和下拉刷新（onPullDownRefresh）功能。以下是对实现这一功能的代码进行的...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 2月26日
  • 已采纳回答 2月18日
  • 请回答用户的提问 2月18日
  • 创建了问题 2月18日