Scraps 最終更新 2026/09/09 17:01

原文著者: @fujiken818 /

word-break の auto-phrase が効かないのは lang 属性のせいだった。日本語の折り返し5通りを343px幅で実測してみた

  • #フロントエンド
  • #バックエンド
  • #クラウド

AIで作成し、掲載基準に基づいて自動選定した要約です。

  • 日本語の折り返しでword-break:auto-phraseが効かない原因はlang属性の不足だった
  • lang属性を指定しないとauto-phraseが正常に動作せず、text-wrap:balanceは行の長さを均すだけで文節境界を守らない
  • lang="ja"をhtml要素に追加しないとauto-phraseが機能しないことを確認する際、CSS.supportsの結果だけに頼らず実際の表示を測定する必要がある
word-break の auto-phrase が効かないのは lang 属性のせいだった。日本語の折り返し5通りを343px幅で実測してみた - Qiita

Qiita / 原文を読む