| <!doctype html> |
| <meta charset=utf-8> |
| <title>CSS-Text test: word-break keep-all does not affect punctuation</title> |
| <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> |
| <meta name=flags content=""> |
| <meta name=assert content="word-break:keep-all does not affect rules governing the soft wrap opportunities created by punctuation"> |
| <link rel="match" href="reference/word-break-keep-all-005-ref.html"> |
| <link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-word-break"> |
| <style> |
| div { |
| width: 4em; |
| word-break: keep-all; |
| } |
| span { color: transparent } |
| </style> |
| |
| <p>This test passes if the four characters below are arranged in a two-by-two square. |
| <div>字字<span>、</span>字字</div> |
| <!-- |
| U+3001 : IDEOGRAPHIC COMMA is made transparent for visual simplicity, |
| the change in color has no effect on layout. |
| |
| If keep-all has no effect at all, breaks are allowed everywhere |
| (except before U+3001, but this has no incidence in this case) |
| and the result will be: |
| 字字、字 |
| 字 |
| |
| If keep-all correctly suppresses wrapping opportunities between CJK ideographs |
| but also incorrectly suppresses the wrapping opportunity after U+3001, |
| no wrapping is possible, and the result will be: |
| 字字、字字 |
| --> |