diff options
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-empty-001-ref.xht')
| -rw-r--r-- | tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-empty-001-ref.xht | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-empty-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-empty-001-ref.xht new file mode 100644 index 00000000000..4cb1edc6c63 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-empty-001-ref.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><!-- In this reference case, we have inline-blocks instead of inline + flex containers. We stick an Ahem whitespace character in each + inline-block, with a customized line-height to make the baseline + end up at the bottom of the inline-block's content-box. --><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <link href="support/ahem.css" type="text/css" rel="stylesheet" /> + <style> + body { + font: 20px Ahem; + } + .flexContainer { + display: inline-block; + height: 16px; + width: 16px; + /* Each inline-block's baseline will be the baseline of the single Ahem + character that it contains. We want to set up that char such that its + baseline is at the bottom of the container's content box (since that's + the corresponding flex container's baseline). So, we use a line-height + of 20px, which gives us a baseline of 20px * 0.8 = 16px, which is the + bottom of the container's content-box -- awesome. */ + line-height: 20px; + background: purple; + border: 0px dotted black; + /* (Elements that want a border will set their border-width.) */ + } + </style> +</head> +<body> + A + <!-- We have to include a character in the inline-blocks in order for them + to baseline-align; otherwise, they align the bottom of their + border-boxes. --> + <div class="flexContainer"> </div> + <div style="padding-bottom: 20px" class="flexContainer"> </div> + <div style="padding: 10px" class="flexContainer"> </div> + <div style="border-width: 3px" class="flexContainer"> </div> + <div style="border-bottom-width: 4px" class="flexContainer"> </div> + + +</body></html>
\ No newline at end of file |