C4:铺设和边距
作者: RobinKnipe创建于 2026年1月29日更新于 2026年9月10日
标签Type: Bug / ErrorStatus: ApprovedInternals: RendererGraph: C4
说明
很高兴看到C4图支持成形!
参见下面的例子截图;取自 Firefox 渲染有 C4 美人鱼图的 GitHub 标记下页:
<img宽="1504"高="1727" alt="Image" src="https://GitHub.com/user-attachments/assets/43cf5960-5908-4b92-b965-fded78587b93"/".
- 在图内容最外缘的边缘上,有很多额外的垂直空间
- 和图标题与其余内容之间的额外水平空间
- 组件 框画得不够大,无法正确包含其描述
- 边界 标题太靠近上方,有时冲突
- 组件往往没有放在更可用的空间中,导致不必要的分层/关系交叉
- 复制步骤
上面的截图取自: https://GitHub.com/DEFRA/fcp-dal-api/blob/main/docs/architecture.md 互联网档案馆的存檔,存档日期2013-12-02.
QQ 屏幕截图
有趣的是,铬在同样内容下表现得更好:
<img宽="1661"高="1486" alt="Image" src="https://GitHub.com/user-attachments/assets/bb8ee76-3fb9-49ce-8c49-fdc5c34fa031"/".
- 与Firefox相同
- 与Firefox相同
- 组件宽度效果良好,但底部的空间更多是好的
- 边界头衔的空间要多一点,但多一点可能更好
- 在此, 组件框安排要好得多 !
注:VS代码中经历的类似行为(大概是因为电能?).
代码样本
页:1 亦可参阅下标:https://GitHub.com/DEFRA/fcp-dal-api/blob/main/docs/architecture.md。
QQ 设置
- 美人鱼版本:默认的GitHub标记下渲染器
- 浏览器和版本:[Chrimium v144.0.7559.96,Firefox v147.0.2]
建议的解决办法
以上每个截图所附的订购清单中的建议
++ 附加上下文
无回复( N)
内容来源: mermaid-js/mermaid