|
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: -moz-max-content"> </div> |
|
32 <div class="flexbox" style="width: -moz-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: -moz-max-content"> </div> |
|
41 <div class="flexbox withPadding" style="width: -moz-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> |