OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link href="resources/flexbox.css" rel="stylesheet"> | 4 <link href="resources/flexbox.css" rel="stylesheet"> |
5 <style> | 5 <style> |
6 .flexbox { | 6 .flexbox { |
7 overflow: auto; | 7 overflow: auto; |
8 height: 50px; | 8 height: 50px; |
9 width: 50px; | 9 width: 50px; |
10 background-color: red; | 10 background-color: red; |
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
56 | 56 |
57 <div class="flexbox wrap-reverse" data-expected-scroll-height="50"> | 57 <div class="flexbox wrap-reverse" data-expected-scroll-height="50"> |
58 <div></div> | 58 <div></div> |
59 <div></div> | 59 <div></div> |
60 </div> | 60 </div> |
61 | 61 |
62 <div class="flexbox align-items-flex-end vertical-padding" data-expected-scroll-
height="65"> | 62 <div class="flexbox align-items-flex-end vertical-padding" data-expected-scroll-
height="65"> |
63 <div></div> | 63 <div></div> |
64 </div> | 64 </div> |
65 | 65 |
66 <div class="flexbox align-items-center vertical-padding" data-expected-scroll-he
ight="80"> | 66 <div class="flexbox align-items-center vertical-padding" data-expected-scroll-he
ight="90"> |
67 <div></div> | 67 <div></div> |
68 </div> | 68 </div> |
69 | 69 |
70 <div class="flexbox vertical-padding" data-expected-scroll-height="105"> | 70 <div class="flexbox vertical-padding" data-expected-scroll-height="115"> |
71 <div></div> | 71 <div></div> |
72 </div> | 72 </div> |
73 | 73 |
74 <div class="flexbox wrap-reverse vertical-padding" data-expected-scroll-height="
65"> | 74 <div class="flexbox wrap-reverse vertical-padding" data-expected-scroll-height="
65"> |
75 <div></div> | 75 <div></div> |
76 <div></div> | 76 <div></div> |
77 </div> | 77 </div> |
78 </body> | 78 </body> |
79 </html> | 79 </html> |
OLD | NEW |