v3.1.15 dom 元素 display 为 flex 的前提下,flex-wrap: warp 会失效,3.1.13 都还不会

本贴最后更新于 252 天前,其中的信息可能已经物是人非

image.png

这是我自己改的代码片段

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    25511 引用 • 105495 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • iqeqsq via macOS

    我刚切回 3.1.0,这个属性是正常的,就修改 flex-warp 是生效的,现在这个版本就不行了

  • iqeqsq via macOS

    必现,我是拿超级块测试的

  • iqeqsq via macOS

    看上去是每一行内的各个元素都被压缩了,跟 no-warp 可以左右拖动和 warp 分行都不一样

  • iqeqsq via macOS
  • iqeqsq via macOS
  • Vanessa via macOS

    具体表现出来的是什么问题?

    1 回复
  • 这种最好截图看看

    1 回复
  • iqeqsq 1 评论 via macOS

    Screenshot20240905at19.41.21.png

    就是所有 item 都压缩在一行,无法换行,无论创建多少个 item,没法实现 flex-wrap。在 3.13 版本就可以正常换行显示

    里面块没有宽度,设置一个宽度的话就可以了。
    Vanessa
  • iqeqsq via macOS

    现在有了

  • iqeqsq via macOS

    这个问题求解决

  • iqeqsq 2 评论 via macOS

    @Vanessa 帮忙看看,有劳啦

    我设置了宽度也不行,3.1.13 可以,3.1.15 就不行了。3.1.13 我之前是自己设置了的。
    iqeqsq
    我的是 mac os 系统
    iqeqsq
  • iqeqsq 1 评论 via macOS

    @Vanessa 帮忙再看看,有劳啦

    我这里是正常的,你禁用插件和使用默认主题试试
    Vanessa
  • iqeqsq 1 评论 via macOS

    image.png

    以上是测试的内容, 无插件,无主题,无外观代码,没有在开发者后台更改样式,可以看到 3.1.16,将表格弄成超级块后排版错误,display: flex 没有起效。同样的文件
    iqeqsq
  • iqeqsq 1 评论 via macOS

    image.png

    以上是测试的内容, 无插件,无主题,无外观代码,没有在开发者后台更改样式,可以看到 3.1.13,将表格弄成超级块后排版正常,display: flex 起效。同样的文件
    iqeqsq
  • iqeqsq 1 评论 via macOS

    202409121100126j43ku9.sy.zip

    这个文件的内容我已经上传了,你们可以随时在 mac 的 3.1.13 和 3.1.16 测试

    1 回复
    这个文件导出方式不对,我这个是直接文件系统压缩的,我重新导出一下
    iqeqsq
  • iqeqsq 2 评论 via macOS

    @88250 @Vanessa 麻烦两位开发者大大看看这个问题,必现的,比较影响日常使用!!!非常感谢。看我最新回复有详细的补充,还有测试文件

    @Vanessa 还是要解决下,issue 那种解决方案不太行
    iqeqsq
  • iqeqsq via macOS

    @JeffreyChen 大佬也帮忙反馈一下这个问题

  • iqeqsq via macOS

    @JeffreyChen 大佬也可以复测下,拿我的测试文件,windows 我没测过,应该也有这个问题,帮忙提个 github isssu

  • 你是不是没用这里的导出?我不能直接导入,需要操作文件系统

    image.png

    1 回复
  • iqeqsq via macOS

    测试.sy.zip

    重新导出了

  • iqeqsq via macOS

    好的,重新导出了,我看你已经自己写了,感谢!!

  • iqeqsq via macOS

    自定义 CSS

    .protyle-wysiwyg [data-node-id].sb[data-sb-layout=col] > div { min-width: auto; }

    @Vanessa 感谢你提出的方案,解决了问题

请输入回帖内容 ...

推荐标签 标签

  • 快应用

    快应用 是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖 • 3 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。

    10 引用 • 5 回帖 • 2 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    211 引用 • 358 回帖 • 1 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

    117 引用 • 99 回帖 • 200 关注
  • 智能合约

    智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖
  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    182 引用 • 408 回帖 • 488 关注
  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    188 引用 • 319 回帖 • 251 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    84 引用 • 324 回帖
  • 锤子科技

    锤子科技(Smartisan)成立于 2012 年 5 月,是一家制造移动互联网终端设备的公司,公司的使命是用完美主义的工匠精神,打造用户体验一流的数码消费类产品(智能手机为主),改善人们的生活质量。

    4 引用 • 31 回帖
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    78 引用 • 396 回帖
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    168 引用 • 597 回帖 • 1 关注
  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    184 引用 • 1020 回帖
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 728 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    127 引用 • 169 回帖
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖
  • JetBrains

    JetBrains 是一家捷克的软件开发公司,该公司位于捷克的布拉格,并在俄国的圣彼得堡及美国麻州波士顿都设有办公室,该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境:IntelliJ IDEA

    18 引用 • 54 回帖 • 2 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 636 关注
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。

    29 引用 • 66 回帖
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    7 引用 • 69 回帖 • 1 关注
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    174 引用 • 3853 回帖
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    21 引用 • 31 回帖 • 2 关注
  • OneNote
    1 引用 • 3 回帖
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    42 引用 • 130 回帖 • 249 关注
  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    1441 引用 • 10069 回帖 • 496 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖 • 2 关注
  • abitmean

    有点意思就行了

    33 关注