white-space-wrap-after-nowrap-001.html (1305B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Break opportunities after nowrap</title> 4 <link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"> 6 <link rel="match" href="reference/white-space-wrap-after-nowrap-001-ref.html"> 7 <meta name="assert" content="This test ensures that break opportunities after nowrap can break lines."> 8 <style> 9 div { 10 width: 10ch; 11 border: 2px solid blue; 12 line-height: 1; 13 } 14 .ideo > div { 15 width: 1em; 16 } 17 .normal { 18 white-space: normal; 19 } 20 .nowrap { 21 white-space: nowrap; 22 } 23 </style> 24 <body> 25 <section> 26 <div><span class="nowrap">12345</span> 67890</div> 27 <div><span class="nowrap">12345</span><span class="normal"> 67890</span></div> 28 <div><span class="nowrap">12345<span class="normal"> 67890</span></span></div> 29 <div class="nowrap">12345<span class="normal"> 67890</span></div> 30 31 <div class="nowrap"><span class="normal"><span class="nowrap">12345</span> </span>67890</div> 32 <div class="nowrap"><span class="normal"><span class="nowrap">12345 </span> </span>67890</div> 33 </section> 34 35 <section class="ideo"> 36 <div><span class="nowrap">国</span>国</div> 37 <div><span class="nowrap">国</span><span class="normal">国</span></div> 38 </section> 39 </body>