mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 10:22:45 +00:00
d9f0c2a806
This commit implements following missing steps in table layout: - Calculate final table height - Resolve percentage height of cells and rows using final table height - Distribute avilable height to table rows
31 lines
No EOL
473 B
HTML
31 lines
No EOL
473 B
HTML
<style>
|
|
* {
|
|
font-family: 'SerenitySans';
|
|
}
|
|
|
|
.table {
|
|
display: table;
|
|
width: 200px;
|
|
height: 300px;
|
|
background-color: darkgoldenrod;
|
|
}
|
|
|
|
.row {
|
|
display: table-row;
|
|
}
|
|
|
|
.cell {
|
|
display: table-cell;
|
|
}
|
|
|
|
.a {
|
|
background-color: darkcyan;
|
|
height: 50px;
|
|
}
|
|
|
|
.b {
|
|
background-color: orangered;
|
|
height: 50%;
|
|
}
|
|
</style>
|
|
<div class="table"><div class="row a"><div class="cell">a</div></div><div class="row b"><div class="cell">b</div></div></div> |