diff options
| author | Yuri Kobets <[email protected]> | 2024-01-31 03:48:44 +0300 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-01-31 03:48:44 +0300 |
| commit | 6ca1ab0419e770e6d35a1ef690238773a1dafcee (patch) | |
| tree | 16df635edd594dc1d1b9d0044993e2ae4d0e0200 /test/render/test39.htm | |
| parent | 8c320007878795fe629de7fe1eaef9328ac9c719 (diff) | |
| parent | d85ebec101e77825e5708e58df0e2508ec4fd389 (diff) | |
Flex layout
Diffstat (limited to 'test/render/test39.htm')
| -rw-r--r-- | test/render/test39.htm | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/test/render/test39.htm b/test/render/test39.htm new file mode 100644 index 00000000..6e417bb7 --- /dev/null +++ b/test/render/test39.htm @@ -0,0 +1,42 @@ +<style> + .container + { + display: flex; + background-color: yellow; + border-width: 5px; + border-style: solid; + border-color: darkblue; + padding: 10px; + margin: 10px; + } + .container > div + { + background-color: cyan; + border-width: 5px; + border-style: solid; + border-color: darkcyan; + padding: 5px; + margin: 5px; + } +</style> + +<div class="container" style="width: 500px"> + <div style="flex: 1 1 200px">block number 1</div> + <div style="flex: 2 1 200px">block number 2</div> + <div style="flex: 2 3 200px">hello my dear friend</div> +</div> +<div class="container" style="width: 200px"> + <div style="flex: 1 1 200px">block number 1</div> + <div style="flex: 2 1 200px">block number 2</div> + <div style="flex: 2 3 200px">hello my dear friend</div> +</div> +<div class="container" style="width: 300px"> + <div style="flex: 1 1 200px">block number 1</div> + <div style="flex: 2 1 200px">block number 2</div> + <div style="flex: 2 3 200px">hello my dear friend</div> +</div> +<div class="container" style="width: 700px"> + <div style="flex: 1 1 200px">block number 1</div> + <div style="flex: 2 1 200px">block number 2</div> + <div style="flex: 2 3 200px">hello my dear friend</div> +</div> |