登录 注册

关于超级块排版

本贴最后更新于 1115 天前，其中的信息可能已经事过境迁

之前用 notion-like 软件，排版各种块都是直接拖拽

现在在思源里面，有时候想要拖拽分栏

拖拽三列等分经常就变成了 1：1：2 或者 2：1：1 的比例

帮助文档里面只介绍了各个块的功能，但并没有更详细的使用教程及范例视频

右键一点点合并超级块又很麻烦

我猜测应该是拖拽的时候套进了超级块里但是使用的时候真的很难感知每个块的层级和边界。。希望能优化一下

以及想要调整分栏占据的宽度比例只能右键调整宽度，有没有更直观的办法？

如果没有希望能针对性加强一下

比如鼠标悬停在两个并列块之间时出现调整比例的拖动滑块，在宽度不均的同行块旁边显示宽度均分按钮

  • 思源笔记

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

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

    25077 引用 • 103361 回帖
桂林 位置
1 感谢
1 关注
1 收藏
7 回帖
3
1.2k 284 100 476 7 13 325

相关帖子

7 回帖
关于超级块排版

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • RenaEmiya •
    订阅者

    关于合并三个超级块，可以选择三个块后，右键合并为超级块，就不会出现 1:1:2 这种情况啦~

    1 回复
  • minco •
    作者

    我知道可以右键，但是习惯了所见即所得的拖拽就觉得右键比较麻烦，然后这个拖拽和右键一样不好用 😂

    1 回复
  • Zhangwuji •

    确实有这个问题，拖拽的时候不太明显，容易造成 1：1：2；而不是想当然的 1：1：1

    不过这个应该是设立理念的问题，wolai 里边是叫分栏，思源里边叫超级块

    分栏就是横排，超级块可以嵌套，比如集市里的有些模板，可以嵌套好多层

    拖拽的时候需要拖到最后边，然后再稍微往左一点，微操一下

    Snipaste20220326200802.png

  • 88250 •
    订阅者 MOD

    这里是得考虑下如何更直观地展示放置位置，我们先记录 Issue #4394 · siyuan-note/siyuan

    1 回复
  • minco • • 1
    作者

    感谢记录，我按楼下的提醒尝试了一下，确实在块边缘微操是可以完成各种排布的，这种一点点挪动鼠标的操作效率实在是不高。

    我猜测是不是各个层级的块之间边缘间隙太小才导致的误操作几率很高。

    我分别在 notion、anytype 和思源里给各个块添加底色，发现前两者的块间距要比思源松散的多，横排甚至留出了完整显示悬浮按钮的距离。

    QQ 截图 20220327140327.png

    以上是近似大小下三个软件块间距的对比，猜测间距更大的同时误操作几率更小，而且看上去更透气，希望能对优化有帮助

  • Vanessa • via macOS
    订阅者 付费者 MOD

    1:1:2 时怎么拖拽出来的，我好像只能拖拽到 1:1:1

    1 回复
  • minco • • 1 评论
    作者

    可能是我从后面开始拖的吧，现在看了楼下的微操建议，已经没那么容易误触了，之前更折磨，另外你横排之后想要调换左右顺序也容易造成嵌套

    哦，我大概明白了，是这个主题的间隔比较大，默认主题没有间隔，就不会拖拽出这样的问题了。 这个需要仔细的看背景，是有细微的区别的。至于交互要怎么来优化，还没有想出更好的办法。
    Vanessa •
请输入回帖内容 ...
minco
桂林
回帖
21
 帖子
16
 积分
2572

近期热议

推荐标签 标签

  • HTML

    HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    108 引用 • 295 回帖
  • 外包

    有空闲时间是接外包好呢还是学习好呢？

    26 引用 • 233 回帖 • 1 关注
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台，它支持多种框架、语言、运行时环境、云平台及应用服务，使开发人员能够在几秒钟内进行应用程序的部署和扩展，无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 178 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言，由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行。在 Google I/O 2017 中，Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 82 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用，而且功能强大。你无需专门学习，只需看上几眼，就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 626 关注
  • JetBrains

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

    18 引用 • 54 回帖 • 1 关注
  • 倾城之链
    23 引用 • 66 回帖 • 162 关注
  • Latke

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

    71 引用 • 535 回帖 • 828 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 47 关注
  • Telegram

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

    5 引用 • 35 回帖
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 543 关注
  • abitmean

    有点意思就行了

    • 36 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 1 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”（正式缩写为 Fx 或 fx，非正式缩写为 FF），是一个开源的网页浏览器，使用 Gecko 排版引擎，支持多种操作系统，如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 389 关注
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    12 引用 • 54 回帖 • 168 关注
  • 架构

    我们平时所说的“架构”主要是指软件架构，这是有关软件整体结构与组件的抽象描述，用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    143 引用 • 442 回帖 • 1 关注
  • 京东

    京东是中国最大的自营式电商企业，2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月，京东在美国纳斯达克证券交易所正式挂牌上市（股票代码：JD），是中国第一个成功赴美上市的大型综合型电商平台，与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 317 关注
  • Flume

    Flume 是一套分布式的、可靠的，可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 653 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。

    1 引用 • 7 回帖 • 609 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言，具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法简捷和清晰，尽量使用无异义的英语单词，与其它大多数程序设计语言使用大括号不一样，它使用缩进来定义语句块。

    556 引用 • 675 回帖
  • HBase

    HBase 是一个分布式的、面向列的开源数据库，该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable：一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样，HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 61 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖
  • Solidity

    Solidity 是一种智能合约高级语言，运行在 [以太坊] 虚拟机（EVM）之上。它的语法接近于 JavaScript，是一种面向对象的语言。

    3 引用 • 18 回帖 • 435 关注
  • AngularJS

    AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 505 关注
  • OneNote
    1 引用 • 3 回帖
  • 互联网

    互联网（Internet），又称网际网络，或音译因特网、英特网。互联网始于 1969 年美国的阿帕网，是网络与网络之间所串连成的庞大网络，这些网络以一组通用的协议相连，形成逻辑上的单一巨大国际网络。

    99 引用 • 367 回帖

最新标签