Chromium Code Reviews

Side by Side Diff: LayoutTests/fast/multicol/vertical-rl/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.
Jump to:
View unified diff |
« no previous file with comments | « LayoutTests/fast/multicol/vertical-rl/float-paginate.html ('k') | LayoutTests/fast/multicol/vertical-rl/float-truncation.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 <body style="-webkit-writing-mode:vertical-rl; height:1200px"> 1 <body style="-webkit-writing-mode:vertical-rl; height:1200px">
2 <div style="-webkit-column-width:300px;-moz-column-width:300px; border:2px solid black; width:400px"> 2 <div style="-moz-column-width:300px; -webkit-column-width:300px; -webkit-column- fill:auto; column-width:300px; -webkit-column-fill:auto; border:2px solid black; width:400px">
3 This is some text.<br> 3 This is some text.<br>
4 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> 4 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>
5 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> 5 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>
6 This is some text.<br> 6 This is some text.<br>
7 <p><span style="float:left;font-size:128px;">T</span> 7 <p><span style="float:left;font-size:128px;">T</span>
8 his is some text.<br> 8 his is some text.<br>
9 This is some text.<br>This is some text.<br> 9 This is some text.<br>This is some text.<br>
10 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br> 10 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>
11 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br> 11 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>
12 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> 12 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>
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>This is some text.<br></p> 14 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>
15 </div> 15 </div>
16 16
17 <div style="-webkit-margin-before:1em; -webkit-column-width:300px;-moz-column-wi dth:300px; border:2px solid black; width:400px"> 17 <div style="-webkit-margin-before:1em; -moz-column-width:300px; -webkit-column-w idth:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; bord er:2px solid black; width:400px">
18 This is some text.<br> 18 This is some text.<br>
19 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> 19 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>
20 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> 20 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>
21 This is some text.<br> 21 This is some text.<br>
22 <p><img style="float:left;width:100px;height:100px;background-color:green"><img style="float:right;width:200px;height:100px;background-color:green"> 22 <p><img style="float:left;width:100px;height:100px;background-color:green"><img style="float:right;width:200px;height:100px;background-color:green">
23 This is some text<br> 23 This is some text<br>
24 This is some text.<br>This is some text.<br> 24 This is some text.<br>This is some text.<br>
25 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br> 25 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>
26 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br> 26 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>
27 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> 27 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>
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>This is some text.<br></p> 29 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>
30 </div> 30 </div>
31 31
32 <div style="-webkit-margin-before:1em; -webkit-column-width:300px;-moz-column-wi dth:300px; border:2px solid black; width:400px"> 32 <div style="-webkit-margin-before:1em; -moz-column-width:300px; -webkit-column-w idth:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; bord er:2px solid black; width:400px">
33 <img style="float:left;background-color:green; height:300px;width:390px"> 33 <img style="float:left;background-color:green; height:300px;width:390px">
34 Longer text designed to test float and wrapping behavior. Longer text designed t o test float and wrapping behavior. 34 Longer text designed to test float and wrapping behavior. Longer text designed t o test float and wrapping behavior.
35 Longer text designed to test float and wrapping behavior. 35 Longer text designed to test float and wrapping behavior.
36 Longer text designed to test float and wrapping behavior. 36 Longer text designed to test float and wrapping behavior.
37 Longer text designed to test float and wrapping behavior. 37 Longer text designed to test float and wrapping behavior.
38 </div> 38 </div>
39 39
40 <div style="-webkit-margin-before:1em; -webkit-column-width:300px;-moz-column-wi dth:300px; border:2px solid black; width:400px"> 40 <div style="-webkit-margin-before:1em; -moz-column-width:300px; -webkit-column-w idth:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; bord er:2px solid black; width:400px">
41 <img style="float:left;background-color:blue; height:100%;width:380px"> 41 <img style="float:left;background-color:blue; height:100%;width:380px">
42 <span style="font-size:24px"><img style="float:left;background-color:green;width :20px;height:100px"> 42 <span style="font-size:24px"><img style="float:left;background-color:green;width :20px;height:100px">
43 43
44 Longer text designed <img style="float:right;background-color:green;width:20px;h eight:100px">to test float and wrapping behavior. Longer text designed to test f loat and wrapping behavior. 44 Longer text designed <img style="float:right;background-color:green;width:20px;h eight:100px">to test float and wrapping behavior. Longer text designed to test f loat and wrapping behavior.
45 Longer text designed to test float and wrapping behavior. 45 Longer text designed to test float and wrapping behavior.
46 Longer text designed to test float and wrapping behavior. 46 Longer text designed to test float and wrapping behavior.
47 Longer text designed to test float and wrapping behavior. 47 Longer text designed to test float and wrapping behavior.
48 </span> 48 </span>
49 </div> 49 </div>
OLDNEW
« no previous file with comments | « LayoutTests/fast/multicol/vertical-rl/float-paginate.html ('k') | LayoutTests/fast/multicol/vertical-rl/float-truncation.html » ('j') | Source/core/css/CSSProperties.in » ('J')

Powered by Google App Engine