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/flex-grow-001.htm | |
| parent | 8c320007878795fe629de7fe1eaef9328ac9c719 (diff) | |
| parent | d85ebec101e77825e5708e58df0e2508ec4fd389 (diff) | |
Flex layout
Diffstat (limited to 'test/render/flex/flex-grow-001.htm')
| -rw-r--r-- | test/render/flex/flex-grow-001.htm | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/test/render/flex/flex-grow-001.htm b/test/render/flex/flex-grow-001.htm new file mode 100644 index 00000000..37013daa --- /dev/null +++ b/test/render/flex/flex-grow-001.htm @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + +<!-- Mirrored from test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/flex-grow-001.htm by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Dec 2023 16:15:11 GMT --> +<head> + <title>CSS Test: Flex-grow Property of Block-level Flex Items</title> + <link rel="author" title="Hanrui Gao" href="mailto:hanrui.gao@gmail.com"> + <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property"> + <link rel="match" href="http://test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/reference/flex-grow-001-ref.htm"> + <meta name="flags" content=""> + <meta name="assert" content="'flex-grow' property specifies the flex grow factor, which determines how much the flex item will grow relative to the rest of the flex items in the flex container when positive free space is distributed."> + <style type="text/css"> + #container { + width: 240px; + height: 60px; + border: 1px solid #000; + display: flex; + } + #container > div { + width: 30px; + height: 100%; + } + #child_1 { + flex-grow: 0; + background-color: green; + } + #child_2 { + flex-grow: 1; + background-color: blue; + } + #child_3 { + flex-grow: 2; + background-color: gray; + } + </style> + </head> + <body> + <div id="container"> + <div id="child_1"></div> + <div id="child_2"></div> + <div id="child_3"></div> + </div> + </body> + +<!-- Mirrored from test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/flex-grow-001.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 |