layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-baseline-horiz-1-ref.xhtml@deefc01c0e14
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-baseline-horiz-1-ref.xhtml
Thu, 15 Jan 2015 21:03:48 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 21:03:48 +0100
- branch
- TOR_BUG_9701
- changeset 11
- deefc01c0e14
- permissions
- -rw-r--r--
Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)
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 behavior of the 'baseline' value for align-items and
7 align-self.
9 NOTE: For multi-line 'display: block' elements in the testcase (and inline
10 content that gets wrapped in an anonymous block), we add an inline-table
11 wrapper here in the reference case, so that we get first-line baseline
12 alignment instead of the last-line baseline-alignment that an inline-block
13 would give us.
14 -->
15 <html xmlns="http://www.w3.org/1999/xhtml">
16 <head>
17 <title>CSS Reftest Reference</title>
18 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
19 <style>
20 .flexbox {
21 display: block;
22 border: 1px dashed blue;
23 font: 14px sans-serif;
24 }
26 div { display: inline-block; }
27 table { display: inline-table; }
29 .big {
30 height: 100px;
31 font: 24px sans-serif;
32 margin-top: 20px;
33 }
34 .super {
35 vertical-align: super;
36 font-size: 12px;
37 }
38 .sub {
39 vertical-align: sub;
40 font-size: 12px;
41 }
43 .lime { background: lime; }
44 .yellow { background: yellow; }
45 .orange { background: orange; }
46 .pink { background: pink; }
47 .aqua { background: aqua; }
48 .tan { background: tan; }
49 </style>
50 </head>
51 <body>
52 <div class="flexbox">
53 <div class="lime">blk_1line</div
54 ><table cellspacing="0" cellpadding="0"
55 class="yellow">blk<br/>2lines</table
56 ><div class="orange"><span class="super">super</span></div
57 ><div class="pink"><span class="sub">sub</span></div
58 ><table cellspacing="0" cellpadding="0"
59 class="aqua big">big<br/>text<br/>3lines</table
60 ><table class="tan" cellspacing="0" cellpadding="0">
61 <i>ital<br/>ic</i>
62 </table>
63 </div>
64 </body>
65 </html>
