word-break-keep-all-006.html (1234B)
1 <!doctype html> 2 <meta charset=utf-8> 3 <title>CSS-Text test: word-break keep-all does not affect punctuation</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 5 <meta name=flags content=""> 6 <meta name=assert content="word-break:keep-all does not affect rules governing the soft wrap opportunities created by punctuation"> 7 <link rel="match" href="reference/word-break-keep-all-005-ref.html"> 8 <link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-word-break"> 9 <style> 10 div { 11 width: 4em; 12 word-break: keep-all; 13 } 14 span { color: transparent } 15 </style> 16 17 <p>This test passes if the four characters below are arranged in a two-by-two square. 18 <div>字字<span>、</span>字字</div> 19 <!-- 20 U+3001 : IDEOGRAPHIC COMMA is made transparent for visual simplicity, 21 the change in color has no effect on layout. 22 23 If keep-all has no effect at all, breaks are allowed everywhere 24 (except before U+3001, but this has no incidence in this case) 25 and the result will be: 26 字字、字 27 字 28 29 If keep-all correctly suppresses wrapping opportunities between CJK ideographs 30 but also incorrectly suppresses the wrapping opportunity after U+3001, 31 no wrapping is possible, and the result will be: 32 字字、字字 33 -->