登录 注册

目录标题自动换行

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

目录标题自动换行

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

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

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

Screenshot20231201065241.jpg

Screenshot20231130113139.jpg

Screenshot20231201064915.jpg

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

  • 思源笔记

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

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

    24569 引用 • 100644 回帖 • 1 关注
3 操作
tongzi 在 2023-12-01 06:53:13 更新了该帖
tongzi 在 2023-11-30 22:26:24 更新了该帖
tongzi 在 2023-11-30 22:24:40 更新了该帖
3 操作
16 回帖
6
4
2
2
1.0k 83 17 777 11 9 112

相关帖子

16 回帖
目录标题自动换行

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • JeffreyChen •
    付费者 支持者 捐赠者

    不如直接让手机支持使用代码片段

    1 回复
  • tongzi •
    付费者 捐赠者 作者

    就是目录标题自动换行，

    这个比较难以实现吗？

    1 回复
  • 88250 •
    订阅者 MOD

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

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

    3 回复
  • JeffreyChen • • 2 评论
    付费者 支持者 捐赠者

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

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

    @88250 D 大知道原因吗？
    JeffreyChen •
    @a2930610542 移动端的界面和桌面端不是完全一样的，DOM 结构和 CSS 类可能不一样的，应该是这个原因。
    88250 • • 1
  • zxkmm •
    付费者 支持者 捐赠者

    这个感觉确实是刚需，另一个场景也比较需要，就是多级子目录的情况下，除非把侧栏拉大，不然在电脑上比较难以点中文档，更不用说手机了。

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

  • tongzi • • 1 赞同
    付费者 捐赠者 作者

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

  • JeffreyChen •
    付费者 支持者 捐赠者

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

    你把这个 CSS 代码片段加上试试（虽然在移动端的效果很烂）：

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

    谢谢大神，厉害！好，小先顶顶

  • JeffreyChen •
    付费者 支持者 捐赠者

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

    2 回复
  • tongzi • • 1 赞同
    付费者 捐赠者 作者

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

  • tongzi • • 1 赞同
    付费者 捐赠者 作者

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

    Screenshot20231201064915.jpg

    Screenshot20231130225042.jpg

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

    覺得換行會很亂,

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

    1 回复
  • tongzi •
    付费者 捐赠者 作者

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

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

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

    image.png

  • sweesalt • • 1 赞同
    订阅者

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

    1 回复
  • 88250 •
    订阅者 MOD

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

请输入回帖内容 ...
tongzi
犹如故人归
回帖
359
 帖子
231
 积分
6036

近期热议

推荐标签 标签

  • Chrome

    Chrome 又称 Google 浏览器，是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写，包括 WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

    62 引用 • 289 回帖
  • 思源笔记

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

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

    24569 引用 • 100644 回帖 • 1 关注
  • IPFS

    IPFS（InterPlanetary File System，星际文件系统）是永久的、去中心化保存和共享文件的方法，这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    21 引用 • 245 回帖 • 230 关注
  • 书籍

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

    76 引用 • 389 回帖
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区，可将文章作为帖子推送到社区，来自社区的回帖将作为博客评论进行联动（具体细节请浏览 B3log 构思 - 分布式社区网络）。

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

    132 引用 • 1115 回帖 • 122 关注
  • Kafka

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

    36 引用 • 35 回帖
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    315 引用 • 547 回帖 • 3 关注
  • 禅道

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

    6 引用 • 15 回帖 • 53 关注
  • 面试

    面试造航母，上班拧螺丝。多面试，少加班。

    325 引用 • 1395 回帖
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统，它问世于 1985 年，起初仅仅是 Microsoft-DOS 模拟环境，后续的系统版本由于微软不断的更新升级，不但易用，也慢慢的成为家家户户人们最喜爱的操作系统。

    226 引用 • 476 回帖
  • BND

    BND（Baidu Netdisk Downloader）是一款图形界面的百度网盘不限速下载器，支持 Windows、Linux 和 Mac，详细介绍请看这里。

    107 引用 • 1281 回帖 • 30 关注
  • 以太坊

    以太坊（Ethereum）并不是一个机构，而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity，使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物：投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖 • 2 关注
  • JWT

    JWT（JSON Web Token）是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准（RFC 7519），定义了一种简洁的，自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 17 关注
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 814 关注
  • Google

    Google（Google Inc.，NASDAQ：GOOG）是一家美国上市公司（公有股份公司），于 1998 年 9 月 7 日以私有股份公司的形式创立，设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”，它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎，它提供了简单易用的免费服务。不作恶（Don't be evil）是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言，应用广泛。C++ 支持多种编程范式，面向对象编程、泛型编程和过程化编程。

    107 引用 • 153 回帖
  • 30Seconds

    📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。

    • 精选常见面试题，帮助您准备下一次面试
    • 精选常见交互，帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段，帮助你获取最佳实践
    • 精选常见代码集，帮助您提高打码效率
    • 整理前端界的最新资讯，邀您一同探索新世界
    488 引用 • 384 回帖 • 4 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目，是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台，为开发者提供便利的 API 接口来调用服务，让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 488 关注
  • Office

    Office 现已更名为 Microsoft 365. Microsoft 365 将高级 Office 应用（如 Word、Excel 和 PowerPoint）与 1 TB 的 OneDrive 云存储空间、高级安全性等结合在一起，可帮助你在任何设备上完成操作。

    5 引用 • 34 回帖
  • 七牛云

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

    28 引用 • 226 回帖 • 137 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA，是一款 Java 语言开发的集成环境，在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。

    181 引用 • 400 回帖
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架，基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 396 关注
  • 浅吟主题

    Jeffrey Chen 制作的思源笔记主题，项目仓库：https://github.com/TCOTC/Whisper

    1 引用 • 28 回帖 • 1 关注
  • 微服务

    微服务架构是一种架构模式，它提倡将单一应用划分成一组小的服务。服务之间互相协调，互相配合，为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建，能够被独立的部署。

    96 引用 • 155 回帖
  • webpack

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

    41 引用 • 130 回帖 • 252 关注
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件，让构建、部署、自动化集成项目变得简单易用。

    54 引用 • 37 回帖

最新标签