微信小程序scroll-view设置display:flex后子view宽度设置无效解决

news/2024/7/20 1:30:32 标签: 微信小程序, 小程序

如果scroll-view设置了display:flex,子view设置宽度值无效,宽度值都是随着内容多少而改变:

效果和wxml:

css:

原因:flex布局元素的子元素,自动获得了flex-shrink的属性

解决办法:

   给子view增加:flex-shrink:0;


http://www.niftyadmin.cn/n/5111880.html

相关文章

微信小程序连接云数据库基本使用

微信小程序连接云数据库基本使用 demo_list数据库 这里仅仅展示了基本使用和常用函数,微信官方文档链接: 微信小程序云数据库官方文档 一、连接数据库 const dbwx.cloud.database()二、操作数据库 1.get 函数 获取 demo_list 数据库数据 db.colle…

老卫带你学---leetcode刷题(207. 课程表)

207. 课程表 问题: 你这个学期必须选修 numCourses 门课程,记为 0 到 numCourses - 1 。 在选修某些课程之前需要一些先修课程。 先修课程按数组 prerequisites 给出,其中 prerequisites[i] [ai, bi] ,表示如果要学习课程 ai …

python 编写多输入参数的小工具,并根据输入参数个数的不同执行不同方法

import argparsedef method1(input1, input2):print(执行方法1,输入参数1:, input1)print(执行方法1,输入参数2:, input2)def method2(input1, input2, input3):print(执行方法2,输入参数1:, input1)print(执行方法2,输入参数2:, …

黑豹程序员-架构师学习路线图-百科:Java的第二春Spring框架

文章目录 1、 Spring的发展历史2、为什么Spring能霸屏?2.1、容器的设计2.2、通过四个策略2.3、三种方式 3、学习编程设计的典范 1、 Spring的发展历史 正当SUN公司的EJB在全球开始热炒时,正当程序员纷纷转型EJB开发时,正当程序员为跑通EJB程…

华为OD k 对元素最小值(100分)【java】A卷+B卷

华为OD统一考试A卷+B卷 新题库说明 你收到的链接上面会标注A卷还是B卷。目前大部分收到的都是B卷。 B卷对应20022部分考题以及新出的题目,A卷对应的是新出的题目。 我将持续更新最新题目 获取更多免费题目可前往夸克网盘下载,请点击以下链接进入: 我用夸克网盘分享了「华为O…

跟我一起写个虚拟机 .Net 7(四)- LC_3 解析实例

没想到这篇文章持续了这么久,越学越深,愣是又买了一本书《计算机系统概论》,当然,也看完了,受益匪浅。 系统化的学习才是正确的学习方式,我大学就没看到过这本书,如果早点看到,可能…

MYSQL第一章节DDL数据定义语言的操作(DDL-数据库操作,DDL-操作表-查询,DDL-操作表-修改,数据库的基本类型)

c知识点合集已经完成欢迎前往主页查看,点点赞点点关注不迷路哦 点我进入c第一章知识点合集 MYSQL第一章节DDL数据定义语言的操作 目录 DDL-数据库操作 查询所有数据库 查询当前数据库 创建数据库 删除数据库 DDL-操作表-查询 查询当前数据库中的所有表 查询表结构…

S4.2.4.3 Electrical Idle Sequence(EIOS)

一 本章节主讲知识点 1.1 EIOS的具体码型 1.2 EIOS的识别规则 1.3 EIEOS的具体码型 二 本章节原文翻译 当某种状态下,发送器想要进入电器空闲状态的时候,发送器必须发送EIOSQ,也既是:电器Electrical Idle Odered Set Sequenc…