inline-reflow.html 688 B

123456789101112131415161718192021222324252627
  1. <!DOCTYPE HTML>
  2. <script src="../../resources/ahem.js"></script>
  3. <script src="resources/text-based-repaint.js"></script>
  4. <script>
  5. function repaintTest()
  6. {
  7. document.getElementById('div1').style.width = '300px';
  8. document.getElementById('div2').style.width = '300px';
  9. }
  10. window.onload = runRepaintAndPixelTest;
  11. </script>
  12. <style>
  13. body {
  14. margin: 0;
  15. }
  16. .container {
  17. font: 20px Ahem;
  18. width: 200px;
  19. position: absolute;
  20. }
  21. </style>
  22. <div class="container" id="div1">
  23. A A A A A AA AA AA AA AAA AAA AAA AAAA AAAA AAAAA AAAAA AAAAAA AAAAAAA AAAAAA AAAAA AAAAA AAAA AAAA AAA AAA AAA AA AA AA AA A A A A A
  24. </div>
  25. <div class="container" id="div2" style="top: 300px">
  26. A A A A A
  27. </div>