OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <style> | 3 <style> |
4 .flexbox { | 4 .flexbox { |
5 width: 600px; | 5 width: 600px; |
6 display: -webkit-flex; | 6 display: flex; |
7 background-color: #aaa; | 7 background-color: #aaa; |
8 position: relative; | 8 position: relative; |
9 min-height: 10px; | 9 min-height: 10px; |
10 } | 10 } |
11 .flexbox > * { | 11 .flexbox > * { |
12 margin: 0; | 12 margin: 0; |
13 border: 0; | 13 border: 0; |
14 padding: 0; | 14 padding: 0; |
15 min-width: 0; | 15 min-width: 0; |
16 } | 16 } |
17 </style> | 17 </style> |
18 <script src="../../resources/check-layout.js"></script> | 18 <script src="../../resources/check-layout.js"></script> |
19 <body onload="checkLayout('.flexbox')"> | 19 <body onload="checkLayout('.flexbox')"> |
20 | 20 |
21 <div class="flexbox"> | 21 <div class="flexbox"> |
22 <img data-expected-display="block" data-expected-width="345" style="-webkit-fl
ex: 1 0 auto;" src="../images/resources/blue-100.png"> | 22 <img data-expected-display="block" data-expected-width="345" style="flex: 1 0
auto;" src="../images/resources/blue-100.png"> |
23 <img data-expected-display="block" data-expected-width="255" data-expected-hei
ght="100" style="-webkit-flex: 1 0 auto;" src="../images/resources/green-10.png"
> | 23 <img data-expected-display="block" data-expected-width="255" data-expected-hei
ght="100" style="flex: 1 0 auto;" src="../images/resources/green-10.png"> |
24 </div> | 24 </div> |
25 | 25 |
26 </body> | 26 </body> |
OLD | NEW |