third_party/WebKit/LayoutTests/fast/multicol/newmulticol/balance-images.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>balancing multicol with max-height</title>
   5     <script src="../../../resources/js-test.js"></script>
   6     <script>
   7       if (window.testRunner)
   8         testRunner.dumpAsText();
   9     </script>
  10     <style>
  11       img { display:block; height:123px; }
  12     </style>
  13   </head>
  14   <body>
  15     <p>There should be a 2 by 2 image grid below.</p>
  16     <div id="mc" style="-webkit-columns:3; columns:3; orphans:1; widows:1; color:olive; background:olive;">
  17       <img src="../resources/ipad.jpg">
  18       <img src="../resources/ipad.jpg">
  19       <img src="../resources/ipad.jpg">
  20       <img src="../resources/ipad.jpg">
  21     </div>
  22     <script>
  23       shouldBe("mc.offsetHeight", "246");
  24       shouldBe("document.documentElement.scrollWidth", "document.documentElement.clientWidth");
  25     </script>
  26   </body>
  27 </html>