REGRESSION (r189567): Elements with aspect ratios not handled correctly inside flexbox.
[WebKit-https.git] / LayoutTests / fast / flexbox / aspect-ratio-intrinsic-adjust-expected.html
1 <!doctype html>
2 <html lang="en">
3
4 <head>
5     <meta charset="utf-8" />
6     <title>img.weird-stretch</title>
7     <style>
8     body {
9         width: 400px;
10         margin: 0 auto;
11     }
12     .weird-stretch-container {
13         float: right;
14         width: 400px;
15         height: 250px;
16         display: -webkit-flex;
17         display: -ms-flexbox;
18         display: flex;
19         -webkit-box-align: center;
20         -webkit-align-items: center;
21         -ms-flex-align: center;
22         align-items: center;
23         -webkit-box-pack: center;
24         -webkit-justify-content: center;
25         -ms-flex-pack: center;
26         justify-content: center
27     }
28     
29     </style>
30 </head>
31
32 <body>
33
34     <div class="weird-stretch-container">
35         <img class="weird-stretch" alt="" src="resources/subjects_sm.png" width="100px" />
36     </div>
37
38     <div class="weird-stretch-container">
39         <img class="weird-stretch" alt="" src="resources/subjects_sm.png" width="63px" />
40     </div>
41
42     <div class="weird-stretch-container">
43         <img class="weird-stretch" alt="" src="resources/subjects_sm.png" width="132px" height="210px" />
44     </div>
45 </body>
46
47 </html>