[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