pre-001.html (831B)
1 <!DOCTYPE html> 2 <title>CSS-white-space test: restore collapsed whitespace</title> 3 <link rel="author" title="JoeDow" href="ibluegalaxy_taoj@163.com"> 4 <link rel="match" href="reference/pre-001-ref.html"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"> 6 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 7 <style> 8 html { 9 font: 20px/1 Ahem; 10 } 11 .span { 12 background-color: blueviolet; 13 } 14 #target { 15 background-color: blue; 16 } 17 </style> 18 <body> 19 <div> 20 <span class="span">aa bb </span><span id="target"> target </span><span class="span">bb aa</span> 21 </div> 22 23 <script> 24 window.onload = function() { 25 const target = document.getElementById("target"); 26 // force layout 27 target.offsetLeft; 28 target.style.whiteSpace = "pre"; 29 } 30 </script> 31 </body>