RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 05:47:34 +00:00
Code Issues Activity Actions

LibWeb: Exclude table-wrapper margins from table available width

Browse source 
Table should not take up more width than is available inside wrapper
after margins are taken in account.
This commit is contained in:
Aliaksandr Kalenik 2023-05-03 15:26:01 +03:00 • committed by Andreas Kling
parent 4d971b5bc5
commit 09d698e0a0
5 changed files with 94 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

22
Tests/LibWeb/Layout/input/table/auto-margins.html Normal file
View file

@ -0,0 +1,22 @@
<style>
* {
font-family: 'SerenitySans';
}
.wrapper {
background-color: mediumturquoise;
}
.box {
display: table;
background-color: orange;
margin-left: auto;
margin-right: auto;
}
.cell {
display: table-cell;
}
</style>
<div class="wrapper"><div class="box"><div class="cell">DaTa DisplaYiNg CSS WeBpaGE ScReEn
</div></div></div>

22
Tests/LibWeb/Layout/input/table/fixed-margins.html Normal file
View file

@ -0,0 +1,22 @@
<style>
* {
font-family: 'SerenitySans';
}
.wrapper {
background-color: mediumturquoise;
}
.box {
display: table;
background-color: orange;
margin-left: 100px;
margin-right: 100px;
}
.cell {
display: table-cell;
}
</style>
<div class="wrapper"><div class="box"><div class="cell">DaTa DisplaYiNg CSS WeBpaGE ScReEn OF aR AddITioN COmmOnLY To AdJuSt PRiCiNG sTYLiNG ceLL oF TAbLeS
</div></div></div>