css3-text-line-break-baspglwj-124.html (1996B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <head> 4 <meta charset="utf-8"/> 5 <title>CSS3 Text, linebreaks: U+2007 FIGURE SPACE</title> 6 <link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> 7 <link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <meta name='flags' content='dom'> 11 <meta name="assert" content="[Exploratory] The browser will NOT break a line of text containing any Unicode character with the GL non-breaking property."> 12 <style type='text/css'> 13 .test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; } 14 #breakable2 { white-space: pre-line; } 15 #breakable3 { white-space: pre-wrap; } 16 #breakable4 { white-space: break-spaces; } 17 </style> 18 </head> 19 <body> 20 21 22 23 <div class="test"> 24 <div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div> 25 <div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div> 26 <div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div> 27 <div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div> 28 </div> 29 30 31 <!--Notes: 32 33 Box height: <span id='debugresult'></span><script>document.getElementById('debugresult').innerHTML = document.getElementById('breakable').offsetHeight;</script> 34 35 --> 36 <script> 37 test(function() { 38 assert_true(document.getElementById('breakable').offsetHeight < 35); 39 }, "white-space:normal"); 40 test(function() { 41 assert_true(document.getElementById('breakable2').offsetHeight < 35); 42 }, "white-space:pre-line"); 43 test(function() { 44 assert_true(document.getElementById('breakable3').offsetHeight < 35); 45 }, "white-space:pre-wrap"); 46 test(function() { 47 assert_true(document.getElementById('breakable4').offsetHeight < 35); 48 }, "white-space:break-spaces"); 49 </script> 50 51 <div id='log'></div> 52 53 </body> 54 </html>