layout/reftests/flexbox/flexbox-empty-1b.xhtml

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <!--
   7      Testcase for behavior of flex containers that have no children.  This
   8      testcase differs from the "1a" variant in that it's got a single space
   9      inside each flex container (which should be ignored, since the flexbox
  10      spec says we shouldn't create a flex item for an entirely-whitespace run
  11      of inline content).
  12 -->
  13 <html xmlns="http://www.w3.org/1999/xhtml">
  14   <head>
  15     <style>
  16       div.flexbox {
  17         border: 1px dotted blue;
  18         background: yellow;
  19         display: flex;
  20       }
  21
  22       div.withPadding {
  23         padding: 2px 3px 4px 5px;
  24       }
  25     </style>
  26   </head>
  27   <body>
  28     <div class="flexbox">  </div>
  29     <div class="flexbox" style="width: 5px"> </div>
  30     <div class="flexbox" style="width: -moz-available"> </div>
  31     <div class="flexbox" style="width: max-content"> </div>
  32     <div class="flexbox" style="width: min-content"> </div>
  33     <div class="flexbox" style="height: 6px"> </div>
  34     <div class="flexbox" style="width: 7px; height: 8px"> </div>
  35
  36     <!-- now with padding -->
  37     <div class="flexbox withPadding"> </div>
  38     <div class="flexbox withPadding" style="width: 5px"> </div>
  39     <div class="flexbox withPadding" style="width: -moz-available"> </div>
  40     <div class="flexbox withPadding" style="width: max-content"> </div>
  41     <div class="flexbox withPadding" style="width: min-content"> </div>
  42     <div class="flexbox withPadding" style="height: 6px"> </div>
  43     <div class="flexbox withPadding" style="width: 7px; height: 8px"> </div>
  44   </body>
  45 </html>