mirror of
https://github.com/RGBCube/serenity
synced 2025-05-28 16:55:09 +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
30 lines
No EOL
454 B
HTML
30 lines
No EOL
454 B
HTML
<style>
|
|
* {
|
|
font-family: 'SerenitySans';
|
|
}
|
|
|
|
.table {
|
|
display: table;
|
|
width: 200px;
|
|
background-color: darkgoldenrod;
|
|
}
|
|
|
|
.row {
|
|
display: table-row;
|
|
}
|
|
|
|
.cell {
|
|
display: table-cell;
|
|
}
|
|
|
|
.a {
|
|
height: 50px;
|
|
background-color: darkcyan;
|
|
}
|
|
|
|
.b {
|
|
height: 100px;
|
|
background-color: orangered;
|
|
}
|
|
</style>
|
|
<div class="table"><div class="row a"><div class="cell"></div></div><div class="row b"><div class="cell"></div></div></div> |