layout/reftests/w3c-css/submitted/flexbox/flexbox-collapsed-item-horiz-3-ref.html@925c144e1f1f
layout/reftests/w3c-css/submitted/flexbox/flexbox-collapsed-item-horiz-3-ref.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
1 <!DOCTYPE html>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
5 -->
6 <html>
7 <head>
8 <title>CSS Reftest Reference</title>
9 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
10 <meta charset="utf-8">
11 <style>
12 .flexContainer {
13 display: flex;
14 flex-wrap: wrap;
15 align-content: stretch; /* Initial value; just here for emphasis */
16 width: 25px;
17 height: 60px;
18 background: yellow;
19 border: 1px dotted black;
20 float: left;
21 margin: 5px;
22 }
23 .collapsedItem {
24 width: 0;
25 height: 40px;
26 }
27 .shortItem {
28 width: 25px;
29 height: 10px;
30 background: purple;
31 }
32 .tallItem {
33 width: 10px;
34 height: 30px;
35 background: olive;
36 }
37 </style>
38 </head>
39 <body>
40 <div class="flexContainer">
41 <div class="shortItem"></div>
42 <div class="collapsedItem"></div>
43 <div class="tallItem"></div>
44 </div>
45 </body>
46 </html>
