[Mermaid記法]フローチャートで文言を改行しない
Mermaid記法でフローチャートを記述する際に文言の改行を防ぐ方法を紹介します。
改行されてしまう
Mermaid記法でフローチャートを記述すると、下記のようになります。
```mermaid
graph TD;
A[はじめ]
B[あいうえおかきくけこさしすせそ]
C{適切か}
E[あいうえおかきくけこさしすせそ]
F[あいうえおかきくけこさしすせそ]
A --> B
B --> C
C -- はい --> E
C -- いいえ --> F
```
下記はそのプレビュー
改行を防ぐ方法
下記のように記述すると改行を防げます。
```mermaid
graph TD;
A[はじめ]
B[あいうえおかきくけこさしすせそ]
C{適切か}
E[あいうえおかきくけこさしすせそ]
F[あいうえおかきくけこさしすせそ]
A --> B
B --> C
C -- はい --> E
C -- いいえ --> F
classDef default white-space: nowrap;
```
下記はそのプレビュー
変えた部分は
classDef default white-space: nowrap;
の部分です。
また、下記のように記述すると改行を防ぐ部分を限定できます。
classDef nowrap white-space: nowrap;
class B nowrap