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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/multicol/table-vertical-align.html

Issue 929293002: Rewrite fast/multicol/table-vertical-align.html as a reftest. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: rebase master Created 5 years, 10 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/TestExpectations ('k') | LayoutTests/fast/multicol/table-vertical-align-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <body style="overflow: hidden;"> 1 <!DOCTYPE html>
2 <div style="-webkit-column-count:2; column-count:2; column-fill:auto; height:350 px"> 2 <style>
3 <table border=1 cellpadding=10 cellspacing=0> 3 .mc { -webkit-columns:2; -webkit-column-gap:20px; column-fill:auto; overflow :hidden; width:520px; height:80px; font-size:12px; line-height:20px; background: #ddd; }
4 <tr style="vertical-align:baseline"><td> 4 table { border-spacing:5px; }
5 This cell has lots of text.<br> 5 td:first-child { width:30px; }
6 This cell has lots of text.<br> 6 td { padding:5px; }
7 This cell has lots of text.<br> 7 .mc span { font-size:2em; line-height:30px; }
8 This cell has lots of text.<br> 8 </style>
9 This cell has lots of text.<br>
10 This cell has lots of text.<br>
11 This cell has lots of text.<br>
12 This cell has lots of text.<br>
13 This cell has lots of text.<br>
14 This cell has lots of text.<br>
15 This cell has lots of text.<br>
16 This cell has lots of text.<br>
17 This cell has lots of text.<br>
18 This cell has lots of text.<br>
19 This cell has lots of text.<br>
20 This cell has lots of text.<br>
21 This cell has lots of text.<br>
22 This cell has lots of text.<br>
23 This cell has lots of text.<br>
24 This cell has lots of text.<br>
25 This cell has lots of text.<br>
26 This cell has lots of text.<br>
27 This cell has lots of text.<br>
28 This cell has lots of text.<br>
29 This cell has lots of text.<br>
30 This cell has lots of text.<br>
31 This cell has lots of text.<br>
32 This cell has lots of text.<br>
33 This cell has lots of text.<br>
34 This cell has lots of text.<br>
35 9
36 10 <p>The big text should be in the first column, and baseline-aligned with the lin e in its neighbor cell on the left:</p>
37 <td><span style="font-size:64px">Other cell.</span></td> 11 <div class="mc">
38 </tr> 12 <table>
39 </table> 13 <tr style="vertical-align:baseline">
14 <td>
15 line<br>
16 line<br>
17 line<br>
18 line<br>
19 line<br>
20 line<br>
21 </td>
22 <td>
23 <span>1st column</span>
24 </td>
25 </tr>
26 </table>
40 </div> 27 </div>
41 28
42 <hr> 29 <hr>
43 30
44 <div style="-webkit-column-count:2; column-count:2; column-fill:auto; height:300 px"> 31 <p>The big text should be near the top in the first column:</p>
45 <table border=1 cellpadding=10 cellspacing=0> 32 <div class="mc">
46 <tr style="vertical-align:middle"><td> 33 <table>
47 This cell has lots of text.<br> 34 <tr style="vertical-align:top">
48 This cell has lots of text.<br> 35 <td>
49 This cell has lots of text.<br> 36 line<br>
50 This cell has lots of text.<br> 37 line<br>
51 This cell has lots of text.<br> 38 line<br>
52 This cell has lots of text.<br> 39 line<br>
53 This cell has lots of text.<br> 40 line<br>
54 This cell has lots of text.<br> 41 line<br>
55 This cell has lots of text.<br> 42 </td>
56 This cell has lots of text.<br> 43 <td>
57 This cell has lots of text.<br> 44 <span>1st column</span>
58 This cell has lots of text.<br> 45 </td>
59 This cell has lots of text.<br> 46 </tr>
60 This cell has lots of text.<br> 47 </table>
61 This cell has lots of text.<br>
62 This cell has lots of text.<br>
63 This cell has lots of text.<br>
64 This cell has lots of text.<br>
65 This cell has lots of text.<br>
66 This cell has lots of text.<br>
67 This cell has lots of text.<br>
68 This cell has lots of text.<br>
69 This cell has lots of text.<br>
70 This cell has lots of text.<br>
71 This cell has lots of text.<br>
72 This cell has lots of text.<br>
73 This cell has lots of text.<br>
74 This cell has lots of text.<br>
75 This cell has lots of text.<br>
76 This cell has lots of text.<br>
77
78
79 <td><span style="font-size:64px">Other cell.</span></td>
80 </tr>
81 </table>
82 </div> 48 </div>
83 49
84 <hr> 50 <hr>
85 51
86 <div style="margin-top:1em; -webkit-column-count:2; column-count:2; column-fill: auto; height:300px"> 52 <p>The big text should be at the top in the second column:</p>
87 <table border=1 cellpadding=10 cellspacing=0> 53 <div class="mc">
88 <tr style="vertical-align:bottom"><td> 54 <table>
89 This cell has lots of text.<br> 55 <tr style="vertical-align:middle">
90 This cell has lots of text.<br> 56 <td>
91 This cell has lots of text.<br> 57 line<br>
92 This cell has lots of text.<br> 58 line<br>
93 This cell has lots of text.<br> 59 line<br>
94 This cell has lots of text.<br> 60 line<br>
95 This cell has lots of text.<br> 61 line<br>
96 This cell has lots of text.<br> 62 line<br>
97 This cell has lots of text.<br> 63 </td>
98 This cell has lots of text.<br> 64 <td>
99 This cell has lots of text.<br> 65 <span>2nd column</span>
100 This cell has lots of text.<br> 66 </td>
101 This cell has lots of text.<br> 67 </tr>
102 This cell has lots of text.<br> 68 </table>
103 This cell has lots of text.<br> 69 </div>
104 This cell has lots of text.<br>
105 This cell has lots of text.<br>
106 This cell has lots of text.<br>
107 This cell has lots of text.<br>
108 This cell has lots of text.<br>
109 This cell has lots of text.<br>
110 This cell has lots of text.<br>
111 This cell has lots of text.<br>
112 This cell has lots of text.<br>
113 This cell has lots of text.<br>
114 This cell has lots of text.<br>
115 This cell has lots of text.<br>
116 This cell has lots of text.<br>
117 This cell has lots of text.<br>
118 This cell has lots of text.<br>
119 70
71 <hr>
120 72
121 <td><span style="font-size:64px">Other cell.</span></td> 73 <p>The big text should be near the bottom in the second column:</p>
122 </tr> 74 <div class="mc">
123 </table> 75 <table>
76 <tr style="vertical-align:bottom">
77 <td>
78 line<br>
79 line<br>
80 line<br>
81 line<br>
82 line<br>
83 line<br>
84 </td>
85 <td>
86 <span>2nd column</span>
87 </td>
88 </tr>
89 </table>
124 </div> 90 </div>
125 </body>
OLDNEW
« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/fast/multicol/table-vertical-align-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698