Back to feed
Dev.to
Dev.to
7/1/2026
How this page breaks Japanese lines

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?

Comments

Failed to load comments. Please try again.

Explore more