OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
leviw_travelin_and_unemployed
2015/11/24 00:18:46
I found the original "test case" more amusing :p
mstensho (USE GERRIT)
2015/11/24 06:37:27
Yeah... I had to stare at it for one whole day bef
| |
2 <script src="../../resources/check-layout.js"></script> | |
3 <style> | |
4 .multicol { -webkit-columns:2; -webkit-column-gap:0; position:relative; widt h:200px; background:blue; } | |
5 .multicol * { -webkit-column-break-inside:avoid; height:100px; background:wh ite; } | |
6 </style> | |
7 <p>There should be a blue square below.</p> | |
8 <div class="multicol" data-expected-height="200"> | |
9 <div data-offset-x="0" data-offset-y="0"></div> | |
10 <div data-offset-x="0" data-offset-y="100"></div> | |
11 <div data-offset-x="100" data-offset-y="0"></div> | |
12 </div> | |
13 <script> | |
14 checkLayout(".multicol"); | |
15 </script> | |
OLD | NEW |