1<!DOCTYPE html> 2<html> 3<head> 4<script src="../resources/runner.js"></script> 5<style> 6 7#container { 8 display: flex; 9 flex-wrap: wrap; 10} 11 12.byteBox { 13 width: 9px; 14 font-size: 9px; 15} 16 17.inlineBlock { 18 font-family: Ahem; 19 width: 100%; 20 display: inline-block; 21} 22 23</style> 24</head> 25<body> 26 27<div id="container" style=""> 28</div> 29 30</body> 31<script> 32 33var nbsp = '\u00A0'; 34 35function setupTest() 36{ 37 var container = document.getElementById("container"); 38 for (var i = 0; i < 200; i++) { 39 var div = document.createElement("div"); 40 div.className = "byteBox"; 41 var span = document.createElement("span"); 42 span.className = "inlineBlock"; 43 span.innerText = nbsp; 44 div.appendChild(span); 45 container.appendChild(div); 46 }; 47}; 48 49setupTest(); 50 51var switcher = true; 52 53function runTest() 54{ 55 var inlineBlocks = document.getElementsByClassName("inlineBlock"); 56 for (var i = inlineBlocks.length - 1; i >= 0; i--) { 57 inlineBlocks[i].innerText = switcher ? " " : nbsp; 58 inlineBlocks[i].offsetTop; 59 }; 60 switcher = !switcher; 61}; 62 63PerfTestRunner.measureRunsPerSecond({run: runTest }); 64</script> 65</html> 66