word-break-auto-phrase-intrinsic-001.html (852B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="help" href="https://drafts.csswg.org/css-text-4/#word-break-property"> 4 <link rel="match" href="reference/word-break-auto-phrase-intrinsic-001-ref.html"> 5 <!-- 6 This test assumes that all engines segment a Japanese text: 7 楽しいドライブ 8 to the following phrases: 9 楽しい / ドライブ 10 11 While assuming all engines segment this way looks fairly reasonable, 12 segmenting differently doesn't necessarily mean a failure because the 13 algorithm is UA dependent. Please add references if different. 14 --> 15 <style> 16 .container > div { 17 word-break: auto-phrase; 18 font-size: 10px; 19 border: 1px solid; 20 } 21 </style> 22 <div class="container" lang="ja"> 23 <div style="width: max-content"> 24 楽しいドライブ。</div> 25 <div style="width: min-content"> 26 楽しいドライブ。</div> 27 </div>