Flexbox Demo

「min-width: 0;」を使って子要素のテキストを省略表示します。

サンプル1

横幅を縮めると、余った文字が省略表示されます。

サンプル2

横幅を縮めると、要素が横にはみ出てしまいます。

サンプル3

横幅を縮めると、余った文字が省略表示されます。

サンプル4

横幅を縮めると、余った文字が省略表示されます。