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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/multicol/newmulticol/float-paginate-complex.html

Issue 25687002: Add support for the column-fill property. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: 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
« no previous file with comments | « LayoutTests/fast/multicol/newmulticol/float-paginate.html ('k') | LayoutTests/fast/multicol/newmulticol/float-paginate-complex-expected.html » ('j') | Source/core/css/CSSProperties.in » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <script> 1 <script>
2 internals.settings.setRegionBasedColumnsEnabled(true) 2 internals.settings.setRegionBasedColumnsEnabled(true)
3 </script> 3 </script>
4 <body style="overflow:hidden;"> 4 <body style="overflow:hidden;">
5 <div style="-webkit-column-width:300px;-moz-column-width:300px; border:2px solid black; height:400px"> 5 <div style="-moz-column-width:300px; -webkit-column-width:300px; -webkit-column- fill:auto; column-width:300px; column-fill:auto; border:2px solid black; height: 400px">
6 This is some text.<br> 6 This is some text.<br>
7 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br> 7 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>
8 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br> 8 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>
9 This is some text.<br> 9 This is some text.<br>
10 <p><span style="float:left;font-size:128px;">T</span> 10 <p><span style="float:left;font-size:128px;">T</span>
11 his is some text.<br> 11 his is some text.<br>
12 This is some text.<br>This is some text.<br> 12 This is some text.<br>This is some text.<br>
13 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br> 13 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>
14 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br> 14 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>
15 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br> 15 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>
16 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br> 16 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>
17 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br></p> 17 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br></p>
18 </div> 18 </div>
19 19
20 <div style="margin-top:1em; -webkit-column-width:300px;-moz-column-width:300px; border:2px solid black; height:400px"> 20 <div style="margin-top:1em; -moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; border:2px soli d black; height:400px">
21 This is some text.<br> 21 This is some text.<br>
22 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br> 22 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>
23 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br> 23 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>
24 This is some text.<br> 24 This is some text.<br>
25 <p><img style="float:left;width:100px;height:100px;background-color:green"><img style="float:right;width:100px;height:200px;background-color:green"> 25 <p><img style="float:left;width:100px;height:100px;background-color:green"><img style="float:right;width:100px;height:200px;background-color:green">
26 This is some text<br> 26 This is some text<br>
27 This is some text.<br>This is some text.<br> 27 This is some text.<br>This is some text.<br>
28 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br> 28 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>
29 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br> 29 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>
30 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br> 30 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>
31 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br> 31 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>
32 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br></p> 32 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br></p>
33 </div> 33 </div>
34 34
35 <div style="margin-top:1em; -webkit-column-width:300px;-moz-column-width:300px; border:2px solid black; height:400px"> 35 <div style="margin-top:1em; -moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; border:2px soli d black; height:400px">
36 <img style="float:left;background-color:green; width:300px;height:390px"> 36 <img style="float:left;background-color:green; width:300px;height:390px">
37 Longer text designed to test float and wrapping behavior. Longer text designed t o test float and wrapping behavior. 37 Longer text designed to test float and wrapping behavior. Longer text designed t o test float and wrapping behavior.
38 Longer text designed to test float and wrapping behavior. 38 Longer text designed to test float and wrapping behavior.
39 Longer text designed to test float and wrapping behavior. 39 Longer text designed to test float and wrapping behavior.
40 Longer text designed to test float and wrapping behavior. 40 Longer text designed to test float and wrapping behavior.
41 </div> 41 </div>
42 42
43 <div style="margin-top:1em; -webkit-column-width:300px;-moz-column-width:300px; border:2px solid black; height:400px"> 43 <div style="margin-top:1em; -moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; border:2px soli d black; height:400px">
44 <img style="float:left;background-color:blue; width:100%;height:380px"> 44 <img style="float:left;background-color:blue; width:100%;height:380px">
45 <span style="font-size:24px"><img style="float:left;background-color:green;heigh t:20px;width:100px"> 45 <span style="font-size:24px"><img style="float:left;background-color:green;heigh t:20px;width:100px">
46 46
47 Longer text designed <img style="float:right;background-color:green;height:20px; width:100px">to test float and wrapping behavior. Longer text designed to test f loat and wrapping behavior. 47 Longer text designed <img style="float:right;background-color:green;height:20px; width:100px">to test float and wrapping behavior. Longer text designed to test f loat and wrapping behavior.
48 Longer text designed to test float and wrapping behavior. 48 Longer text designed to test float and wrapping behavior.
49 Longer text designed to test float and wrapping behavior. 49 Longer text designed to test float and wrapping behavior.
50 Longer text designed to test float and wrapping behavior. 50 Longer text designed to test float and wrapping behavior.
51 </span> 51 </span>
52 </div> 52 </div>
OLDNEW
« no previous file with comments | « LayoutTests/fast/multicol/newmulticol/float-paginate.html ('k') | LayoutTests/fast/multicol/newmulticol/float-paginate-complex-expected.html » ('j') | Source/core/css/CSSProperties.in » ('J')

Powered by Google App Engine
This is Rietveld 408576698