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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/true-centering.html

Issue 2832503003: [css-flex] Implement the space-evenly content-distribution value (Closed)
Patch Set: Fixed layout tests. Created 3 years, 7 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 | « third_party/WebKit/LayoutTests/css3/flexbox/resources/flexbox.css ('k') | third_party/WebKit/Source/core/layout/LayoutFlexibleBox.cpp » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <style> 3 <style>
4 .flexbox { 4 .flexbox {
5 width: 100px; 5 width: 100px;
6 height: 100px; 6 height: 100px;
7 display: flex; 7 display: flex;
8 background-color: #aaa; 8 background-color: #aaa;
9 position: relative; 9 position: relative;
10 } 10 }
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after
72 <div class="flexbox column-reverse vertical" style="align-items: center; justify -content: center;"> 72 <div class="flexbox column-reverse vertical" style="align-items: center; justify -content: center;">
73 <div data-offset-x="-5" data-offset-y="50"></div> 73 <div data-offset-x="-5" data-offset-y="50"></div>
74 <div data-offset-x="-5" data-offset-y="-10"></div> 74 <div data-offset-x="-5" data-offset-y="-10"></div>
75 </div> 75 </div>
76 76
77 <div class="flexbox" style="align-items: center; justify-content: space-around;" > 77 <div class="flexbox" style="align-items: center; justify-content: space-around;" >
78 <div data-offset-x="-10" data-offset-y="-5"></div> 78 <div data-offset-x="-10" data-offset-y="-5"></div>
79 <div data-offset-x="50" data-offset-y="-5"></div> 79 <div data-offset-x="50" data-offset-y="-5"></div>
80 </div> 80 </div>
81 81
82 <div class="flexbox" style="align-items: center; justify-content: space-evenly;" >
83 <div data-offset-x="-10" data-offset-y="-5"></div>
84 <div data-offset-x="50" data-offset-y="-5"></div>
85 </div>
86
82 <div class="flexbox" style="align-items: flex-start; justify-content: flex-start ;"> 87 <div class="flexbox" style="align-items: flex-start; justify-content: flex-start ;">
83 <div data-offset-x=0 data-offset-y=0></div> 88 <div data-offset-x=0 data-offset-y=0></div>
84 <div data-offset-x=60 data-offset-y=0></div> 89 <div data-offset-x=60 data-offset-y=0></div>
85 </div> 90 </div>
86 91
87 <div class="flexbox" style="align-items: flex-start; justify-content: space-betw een;"> 92 <div class="flexbox" style="align-items: flex-start; justify-content: space-betw een;">
88 <div data-offset-x=0 data-offset-y=0></div> 93 <div data-offset-x=0 data-offset-y=0></div>
89 <div data-offset-x=60 data-offset-y=0></div> 94 <div data-offset-x=60 data-offset-y=0></div>
90 </div> 95 </div>
91 96
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
146 '</div>'; 151 '</div>';
147 152
148 document.body.appendChild(container); 153 document.body.appendChild(container);
149 }) 154 })
150 }) 155 })
151 }) 156 })
152 </script> 157 </script>
153 158
154 </body> 159 </body>
155 </html> 160 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/css3/flexbox/resources/flexbox.css ('k') | third_party/WebKit/Source/core/layout/LayoutFlexibleBox.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698