third_party/WebKit/LayoutTests/css3/flexbox/flex-shorthand-flex-basis-middle.html

   1 <!DOCTYPE html>
   2 <html>
   3 <link href="resources/flexbox.css" rel="stylesheet">
   4 <style>
   5 .flexbox {
   6     width: 500px;
   7     height:100px;
   8     background: green;
   9 }
  10
  11 .flexbox > div {
  12     width: 50px;
  13     background: yellow;
  14 }
  15 </style>
  16 <script src="../../resources/check-layout.js"></script>
  17 <body onload="checkLayout('.flexbox')">
  18 <div class="flexbox">
  19     <div data-expected-width="50" style="flex: 1 0% 1"></div>
  20     <div data-expected-width="50" style="flex: 1 0% 1"></div>
  21     <div data-expected-width="50" style="flex: 1 0% 1"></div>
  22 </div>
  23
  24 <div class="flexbox">
  25     <div data-expected-width="50" style="flex: 1 auto 1"></div>
  26     <div data-expected-width="50" style="flex: 1 auto 1"></div>
  27     <div data-expected-width="50" style="flex: 1 auto 1"></div>
  28 </div>
  29 </body>
  30 </html>