Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(405)

Side by Side Diff: LayoutTests/fast/multicol/newmulticol/clipping-overflow-hidden-expected.html

Issue 25687002: Add support for the column-fill property. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Put changes to problematic files (for the bots) back in. Created 7 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <title>Multicol edge clipping</title> 4 <title>Multicol edge clipping</title>
5 <script> 5 <script>
6 if (window.internals) 6 if (window.internals)
7 internals.settings.setRegionBasedColumnsEnabled(true); 7 internals.settings.setRegionBasedColumnsEnabled(true);
8 </script> 8 </script>
9 <style> 9 <style>
10 .mc { 10 .mc {
11 columns: 3; 11 columns: 3;
12 column-gap: 15px; 12 column-gap: 15px;
13 column-fill: auto; 13 column-fill: auto;
14 -webkit-columns: 3; 14 -webkit-columns: 3;
15 -webkit-column-gap: 15px; 15 -webkit-column-gap: 15px;
16 -webkit-column-fill: auto;
17 width: 600px; 16 width: 600px;
18 height: 100px; 17 height: 100px;
19 margin: 100px; 18 margin: 100px;
20 } 19 }
21 </style> 20 </style>
22 </head> 21 </head>
23 <body> 22 <body>
24 <p>There should be a 100x100 blue square below.</p> 23 <p>There should be a 100x100 blue square below.</p>
25 <div class="mc"> 24 <div class="mc">
26 <div style="width:100px; height:100px; background:blue;"></div> 25 <div style="width:100px; height:100px; background:blue;"></div>
27 </div> 26 </div>
28 </body> 27 </body>
29 </html> 28 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698