flexbox でも要注意の word-break プロパティ

word-break プロパティは、CSS Text Module Level 3 の草案にあります。word-wrap プロパティとともに Internet Explorer にてサポートされてきたという経緯があるようですが、現在、他のいくつかのブラウザでもサポートしています。

草案では、word-break プロパティ値には、normal、break-all、keep-all の３つがあります。word-wrap プロパティ値には、normal、break-word の２つです。word-wrap プロパティは、overflow-wrap プロパティという名前でも策定されているようです。サポート状況はブラウザによってまちまちです。

flexbox の確認の際、このプロパティの値により影響のあるブラウザもありましたので、要注意です。

word-break: keep-all ;
word-wrap: break-word ;

常用は日本語ですが、英語の単語や短文を用いることもあります。改行の禁則に応じつつ、ボックスの幅により強制的に改行もあり、というようなところでしょうか。

今後の仕様次第、ブラウザの実装次第なのですが、現段階でも一応おさえておいたほうが良さそうです。