flexbox-empty-1b.xhtml (1678B)
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>