layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-line-vert-1-ref.html@7540298fafa1
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-line-vert-1-ref.html
Thu, 15 Jan 2015 21:13:52 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 21:13:52 +0100
- branch
- TOR_BUG_9701
- changeset 12
- 7540298fafa1
- permissions
- -rw-r--r--
Remove forgotten relic of ABI crash risk averse overloaded method change.
1 <!DOCTYPE html>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
5 -->
6 <!-- Reference case, using inline-block instead of inline-flex, and with the
7 baseline-aligned items aligned using specific font-size / line-heights,
8 and with unaligned children taken out of baseline-alignment using
9 "float: left".
10 -->
11 <html>
12 <head>
13 <title>CSS Reftest Reference</title>
14 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
15 <meta charset="utf-8">
16 <style>
17 .flexContainer {
18 display: inline-block;
19 width: 40px;
20 height: 40px;
21 background: lightblue;
22 }
23 .flexContainer > * {
24 height: 20px;
25 display: inline-block;
26 }
28 .smallFont {
29 font-size: 8px;
30 line-height: 8px;
31 }
32 .medFont {
33 font-size: 12px;
34 line-height: 12px;
35 }
36 .bigFont {
37 font-size: 16px;
38 line-height: 16px;
39 }
40 .unaligned { float: left }
41 </style>
42 </head>
43 <body>
44 a
45 <!-- Flex containers with flex items that have a mix of baselines: -->
46 <div class="flexContainer medFont">
47 <div class="medFont">b</div
48 ><br><div class="bigFont unaligned">c</div>
49 </div>
51 <div class="flexContainer bigFont">
52 <div class="bigFont">f</div
53 ><br><div class="smallFont unaligned">g</div>
54 </div>
56 <!-- Flex container with second line baseline-aligned
57 (shouldn't make a difference) -->
58 <div class="flexContainer smallFont">
59 <div class="smallFont">j</div
60 ><br><div class="bigFont unaligned">k</div>
61 </div>
62 n
64 </body>
65 </html>
