CSSのauto-phreaseを試してみる

このポストを見て、CSSword-breakプロパティの新しい値auto-phraseを使うと日本語でもいい感じに改行できるという話を思い出したので試してみた

auto-phraseとは?

英語のように分かち書きしない日本語では単語の区切りを判別して適切な改行を挿入するのが難しい。auto-phraseは日本語でも自然な単語の区切りの境界で行を折り返すことができるプロパティらしい。chromeでは機械学習によって単語区切りを判別しているらしい

developer.chrome.com

上記ページのサンプル「窓ぎわのトットちゃん」を試してみる。左が word-break: normal、右がword-break: auto-phrase

ばっちりですね。

「オレンジスライス」

だめだこれ・・・カタカナ2語の区切りを見つけられないらしい

「あなたとJAVA,今すぐダウンロード」

wwwwwむしろauto-phraseの方がひどいwww

結論

auto-phareseまだ実用にならない