美人鱼框图:跨越组内的多个列

问题描述 投票:0回答:1

我有以下美人鱼框图:

block-beta
    columns 4
    a:1
    block:b:3
        columns 3
        c:1
        d:1
        e:1
        f:3
    end
    g:4
    h:4
    style f stroke-width:5px

渲染如下:

Mermaid Diagram

但是,我希望

f
跨越
c
d
e
组合的整个宽度。

我怎样才能实现这个目标?理想情况下,

f
在光学上c
d
e
组之外。

html-table block mermaid
1个回答
0
投票
我怀疑这是

block-beta

 中的错误。当您省略 
:3
 中的 
block:b:3
 时,
:3
 中的 
f:3
 会受到尊重,但随后块 
g
 会进入第一行,因为块 
b
 只占用一列(尽管它更宽)比块
a
)。

我能达到的最好成绩如下。它使块

b

 只有一列宽,并通过第一行中的两个额外空格进行补偿。

<script type="module" src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs"></script> <pre class="mermaid"> block-beta columns 4 a:1 block:b columns 3 c d e f:3 end space:2 g:4 h:4 </pre>

© www.soinside.com 2019 - 2024. All rights reserved.