You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Mermaid流程图中设置节点的特定尺寸?

在Mermaid流程图中设置节点特定尺寸的方法

可以给Mermaid流程图的节点设置特定尺寸,但你使用的size属性并不是正确的语法,Mermaid的style指令需要通过width和height属性来定义节点的宽高。

正确用法示例

如果要给节点D设置填充色为#fc6b03,同时指定宽100px、高80px,代码应该写成:

flowchart LR
    D[示例节点]
    style D fill:#fc6b03, width:100px, height:80px

关键注意点

  • 尺寸值必须带上单位(比如px像素),不带单位的话大概率不会生效
  • 不同形状的节点(矩形、圆形、菱形等)对宽高属性的响应略有差异,但基本都支持这两个设置
  • 若使用旧版本Mermaid,部分样式属性可能存在兼容性问题,建议使用最新版本以确保样式正常生效

内容的提问来源于stack exchange,提问作者Pedro Lincolm

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 15:45:52