diff options
| author | Yuri Kobets <yuri.kobets@gmail.com> | 2024-01-31 03:48:44 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-31 03:48:44 +0300 |
| commit | 6ca1ab0419e770e6d35a1ef690238773a1dafcee (patch) | |
| tree | 16df635edd594dc1d1b9d0044993e2ae4d0e0200 /test/render/flex/--flexbox-baseline-single-item-001b.htm | |
| parent | 8c320007878795fe629de7fe1eaef9328ac9c719 (diff) | |
| parent | d85ebec101e77825e5708e58df0e2508ec4fd389 (diff) | |
Flex layout
Diffstat (limited to 'test/render/flex/--flexbox-baseline-single-item-001b.htm')
| -rw-r--r-- | test/render/flex/--flexbox-baseline-single-item-001b.htm | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/test/render/flex/--flexbox-baseline-single-item-001b.htm b/test/render/flex/--flexbox-baseline-single-item-001b.htm new file mode 100644 index 00000000..2944a583 --- /dev/null +++ b/test/render/flex/--flexbox-baseline-single-item-001b.htm @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><!-- Testcase for how we compute the baseline of a vertical flex container + with one flex item. This is the cross-axis baseline. The spec says this + about this case: + If the flex container has at least one flex item, and its + first flex item has a baseline parallel to the flex + container's cross axis, the flex container's cross-axis + baseline is that baseline. +--><html> +<!-- Mirrored from test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/flexbox-baseline-single-item-001b.htm by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Dec 2023 16:15:11 GMT --> +<head> + <title>CSS Test: Testing the baseline of a vertical flex container with one flex item</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help"> + <link href="http://test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/reference/flexbox-baseline-single-item-001-ref.htm" rel="match"> + <meta charset="utf-8"> + <style> + body { + font: 14px serif; + } + .flexContainer { + display: inline-flex; + flex-direction: column; + height: 16px; + width: 16px; + background: pink; + border: 0px dotted black; + /* (Elements that want a border will set their border-width.) */ + } + .abs { + position: absolute; + top: 0; + font-size: 8px; + } + </style> +</head> +<body> + A + <div class="flexContainer">a</div> + <div style="padding-bottom: 20px" class="flexContainer">a</div> + <div style="padding: 10px" class="flexContainer">a</div> + <div style="border-width: 3px" class="flexContainer">a</div> + <div style="border-bottom-width: 4px" class="flexContainer">a</div> + <div style="padding: 4px" class="flexContainer"> + <!-- (An abspos child shouldn't prevent us from getting our baseline from + the first flex item, which happens to be the second child.) --> + <div class="abs">abs</div> + <div style="font: 26px serif">a</div> + + +</div></body> +<!-- Mirrored from test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/flexbox-baseline-single-item-001b.htm by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Dec 2023 16:15:11 GMT --> +</html>
\ No newline at end of file |