如何对齐美人鱼流程图节点中的文本？

Question

我想对齐 Mermaid 流程图节点中的文本，以便 和Thinkpad能够iPad对齐。我尝试\t在它们之前插入 a 但它们只是呈现为文本。

flowchart TD
    A[Christmas] -->|Get money| B(Go shopping)
    B --> C{Let me think}
    C -->|One| D["Laptop: Thinkpad\nTablet: iPad"]
    style D text-align:left
    C -->|Two| E[iPhone]
    C -->|Three| F[fa:fa-car Car]

链接到实时编辑器

Answer 1

我添加了一个 unicode 空格来将其对齐：

\n

flowchart TD\nA[Christmas] -->|Get money| B(Go shopping)\nB --> C{Let me think}\nC -->|One| D["Laptop: Thinkpad\\nTablet:\xe2\x80\x80iPad"]\nstyle D text-align:left\nC -->|Two| E[iPhone]\nC -->|Three| F[fa:fa-car Car]\n

\n

\n