overflow-wrap-break-word-keep-all-001.html (902B)
1 <!DOCTYPE html> 2 <title>CSS Test: `break-word` should work with `word-break: keep-all`</title> 3 <link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-break-word"> 4 <link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> 5 <meta charset="utf-8"> 6 <style> 7 div { 8 overflow-wrap: break-word; 9 word-break: keep-all; 10 font-size: 10px; 11 width: 7ch; 12 line-height: 20px; 13 background: lightgray; 14 margin-bottom: 1em; 15 } 16 </style> 17 <script src="/resources/testharness.js"></script> 18 <script src="/resources/testharnessreport.js"></script> 19 <body> 20 <div>0000000000</div> 21 <div>헬로우월드헬로우월드헬로우월드헬로우월드헬로우월드</div> 22 <script> 23 for (let e of document.getElementsByTagName('div')) { 24 test(() => { 25 // All boxes should wrap to more than 1 line. 26 assert_greater_than(e.offsetHeight, 20); 27 }, e.textContent); 28 } 29 </script> 30 </body>