目录标题自动换行

本贴最后更新于 357 天前,其中的信息可能已经斗转星移

目录标题自动换行

单选 公开 永不结束 11 票
需要
0% 0 票
不需要
18% 2 票
设置可选
81% 9 票

希望手机版能够目录标题换行,现在不能换行根本看不全,这个是刚需哦。😅😅

电脑版也是,感觉有个换行就不用每次都拉来拉去,宽窄难以控制了。

Screenshot20231201065241.jpg

Screenshot20231130113139.jpg

Screenshot20231201064915.jpg

标题加上暗框线,就显得不就乱了,非常规整,尤其是针对长标题。否则展不开,很是恼火。

  • 思源笔记

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

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

    22351 引用 • 89433 回帖 • 1 关注
3 操作
tongzi 在 2023-12-01 06:53:13 更新了该帖
tongzi 在 2023-11-30 22:26:24 更新了该帖
tongzi 在 2023-11-30 22:24:40 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 不如直接让手机支持使用代码片段

    1 回复
  • tongzi

    就是目录标题自动换行,

    这个比较难以实现吗?

    1 回复
  • 88250

    也不是难实现的问题,主要是动了以后有的用户不需要,又要纠结改回来 😂

    所以类似的需求我们还得继续收集反馈,不能说动就动,感谢理解。

    3 回复
  • 我刚才又研究了一下,手机上好像也是能用代码片段的。

    你要的换行可以在电脑用代码片段实现,但这个代码片段不在手机上生效,现在我也搞不清楚原因

    @88250 D 大知道原因吗?
    JeffreyChen
    @a2930610542 移动端的界面和桌面端不是完全一样的,DOM 结构和 CSS 类可能不一样的,应该是这个原因。
    88250 1
  • 这个感觉确实是刚需,另一个场景也比较需要,就是多级子目录的情况下,除非把侧栏拉大,不然在电脑上比较难以点中文档,更不用说手机了。

    个人感觉可以调整为如果文档名的空间比较小的话,就换行或者把三个操作按钮换行。

  • tongzi 1 赞同

    大大,那就设置个开关呗,按需要打开。

  • 又研究了一会,这个代码片段生效了(应该是启用代码片段需要重启移动端思源)。

    你把这个 CSS 代码片段加上试试(虽然在移动端的效果很烂):

    /* 文档树和大纲自动换行 CSS片段 */
    .b3-list-item__text {
       overflow:visible !important;
    -webkit-line-clamp: unset;
    }
    .sy__outline .b3-list-item {
       height:fit-content !important;
    }
    
    1 回复
  • tongzi

    谢谢大神,厉害!好,小先顶顶

  • 发现我用的 FlowUs 也不会换行,这种设计对层级深的文档确实不友好

    2 回复
  • tongzi 1 赞同

    没错,当一些目录比较相似的时候,根本看不到后面是什么,只看前面的无法区分

  • tongzi 1 赞同

    用代码换行后,建议加上暗框线,区分上下边界,就显得整齐有层次。

    Screenshot20231201064915.jpg

    Screenshot20231130225042.jpg

    1 操作
    tongzi 在 2023-12-01 07:02:13 更新了该回帖
  • timyhh

    覺得換行會很亂,

    要很用神才可分辨那個是標題一, 那個是標題二

    1 回复
  • tongzi

    长标题不换行,很根本无法区分啥是啥。你说的乱,还是有办法解决的,加上暗格框线就行了。

    1 操作
    tongzi 在 2023-12-01 06:55:20 更新了该回帖
  • sweesalt 1

    可以设置一个类似下图这样的开关,用户可自由选择是否换行。

    image.png

  • sweesalt 1 赞同

    文档名显示问题目前感觉在 PC 端还可以通过拖曳文档树栏大小一下,但手机端好像不能实现,建议手机端可以通过手指滑动来左右拖动文档树的内容(横向滚动条),或者可以多行显示。

    1 回复
  • 88250

    移动端暂时只能再缓缓了。

请输入回帖内容 ...

推荐标签 标签

  • PHP

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

    179 引用 • 407 回帖 • 488 关注
  • 生活

    生活是指人类生存过程中的各项活动的总和,范畴较广,一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖
  • 导航

    各种网址链接、内容导航。

    40 引用 • 173 回帖
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • OnlyOffice
    4 引用 • 3 关注
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    6 引用 • 15 回帖 • 113 关注
  • Mac

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

    166 引用 • 595 回帖
  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1063 引用 • 3453 回帖 • 203 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 155 关注
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 596 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • 锤子科技

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

    4 引用 • 31 回帖 • 3 关注
  • 音乐

    你听到信仰的声音了么?

    60 引用 • 511 回帖
  • 阿里巴巴

    阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 114 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 664 关注
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    91 引用 • 384 回帖
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 57 关注
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    176 引用 • 815 回帖
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    27 引用 • 225 回帖 • 169 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    52 引用 • 228 回帖
  • 安全

    安全永远都不是一个小问题。

    199 引用 • 816 回帖 • 2 关注
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 65 回帖 • 437 关注
  • 分享

    有什么新发现就分享给大家吧!

    248 引用 • 1792 回帖 • 1 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 724 关注
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    132 引用 • 189 回帖