tawasuyu

tawasuyu/taffy

A high performance rust-powered UI layout library

Rust 499HTML 245JavaScript 8Markdown 71218 Definiciones

⎇ 0.3.x test_fixtures/grid_align_self_sized_all.html HTML · 24 líneas · 946 B Historia crudo

Implement CSS Grid (#205) 6fd2c6bcb · Nico Burns ·

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <script src="../scripts/gentest/test_helper.js"></script>
5  <link rel="stylesheet" type="text/css" href="../scripts/gentest/test_base_style.css">
6  <title>
7    Test description
8  </title>
9<head/>
10<body>
11
12<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;">
13  <div style="width: 20px;height: 20px;align-self: start;"></div>
14  <div style="width: 60px;height: 60px;align-self: start;"></div>
15  <div style="width: 20px;height: 20px;align-self: end;"></div>
16  <div style="width: 60px;height: 60px;align-self: end;"></div>
17  <div style="width: 20px;height: 20px;align-self: center;"></div>
18  <div style="width: 60px;height: 60px;align-self: center;"></div>
19  <div style="width: 20px;height: 20px;align-self: stretch;"></div>
20  <div style="width: 60px;height: 60px;align-self: stretch;"></div>
21</div>
22
23</body>
24</html>