OLD | NEW |
| (Empty) |
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 <!-- Reference case for table-fixup on table parts inside of a | |
7 flex container. --> | |
8 <html xmlns="http://www.w3.org/1999/xhtml"> | |
9 <head> | |
10 <title>CSS Reftest Reference</title> | |
11 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"
/> | |
12 <style> | |
13 div.flexbox { | |
14 border: 1px dashed blue; | |
15 } | |
16 | |
17 <!-- NOTE: table-fixup pads each td element by 1px on each side. We | |
18 override that for top & bottom, for simplicity. So the td makes us | |
19 generate a box that's 2px wider than its contents. --> | |
20 td { | |
21 padding-top: 0px; | |
22 padding-bottom: 0px; | |
23 } | |
24 | |
25 .a { | |
26 background: lightgreen; | |
27 width: 48px; | |
28 } | |
29 | |
30 .b { | |
31 background: yellow; | |
32 width: 48px; | |
33 } | |
34 | |
35 .c { | |
36 background: pink; | |
37 width: 48px; | |
38 } | |
39 </style> | |
40 </head> | |
41 <body> | |
42 <!-- Just 2 adjacent table cells (they end up in the same table) --> | |
43 <div class="flexbox" style="padding-left: 50px; width: 150px" | |
44 ><td class="a">cell1</td><td class="b">cell2</td></div> | |
45 | |
46 <!-- Table cell followed by tbody (they end up in the same table) --> | |
47 <div class="flexbox" style="padding-left: 75px; width: 125px" | |
48 ><td class="a">cell1</td><tbody class="b">t</tbody></div> | |
49 | |
50 <!-- Empty table cell (ends up occupying 2px of width), followed by div, | |
51 followed by nonempty table cell. (3 flex items). --> | |
52 <div class="flexbox" style="padding-left: 52px; width: 148px" | |
53 ><div style="display: inline-block;" class="c">div</div><div style="di
splay: inline-table; margin-left: 50px"><td class="b">cell1</td></div></div> | |
54 </body> | |
55 </html> | |
OLD | NEW |