Dev.to
7/1/2026

How this page breaks Japanese lines
Short summary
Japanese text breaks awkwardly in narrow columns because the language has no spaces—browsers freely split words mid-character and leave punctuation dangling, breaking readability for Japanese readers. CSS properties like line-break: strict and word-break: keep-all prevent breaks but cause overflow, requiring semantic break points at phrase boundaries. Google's BudouX phrase-segmentation model identifies these boundaries; injected as <wbr> tags at build time, it respects Japanese typographic rules automatically without shipping any JavaScript to users.
- •Japanese typography requires phrase-boundary breaks, not character-level breaks, to avoid orphaned punctuation and word splits
- •CSS line-break: strict and word-break: keep-all prevent incorrect breaks but cause overflow without semantic break points
- •Google's BudouX model segments phrases; inserted as <wbr> tags at build time, it handles kinsoku rules without client-side JavaScript
Generated with AI, which can make mistakes.
Is this a good recommendation for you?



