word-wrap: break-word;　（おすすめ）

word-wrap: break-word;

枠内に収まる限り、単語の途中では折り返さない

word-break: break-all;

英単語の途中であっても、問答無用で折り返す

テーブル要素の中では、word-wrap が効かないことがある

`word-wrap:break-word;`がflexboxで効かない件

https://qiita.com/yuji38kwmt/items/ba8d59eb0abef1956bae

参考

https://accelboon.com/tn/css-半角英数の連続文字が折り返すようにする/