1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 05:57:45 +00:00

LibWeb: Use max-width property in table formatting

This commit is contained in:
martinfalisse 2023-04-05 18:21:40 +02:00 committed by Andreas Kling
parent 1440845aad
commit c839c51b0b
3 changed files with 35 additions and 0 deletions

View file

@ -0,0 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33.46875 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
TableWrapper <(anonymous)> at (350,8) content-size 100x17.46875 children: not-inline
TableBox <div> at (350,8) content-size 100x17.46875 children: not-inline
TableRowBox <(anonymous)> at (350,8) content-size 100x17.46875 children: not-inline
TableCellBox <(anonymous)> at (350,8) content-size 100x17.46875 children: not-inline
BlockContainer <(anonymous)> at (350,8) content-size 100x0 children: inline
TextNode <#text>
BlockContainer <div> at (350,8) content-size 2000x17.46875 children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [350,8 6.34375x17.46875]
"1"
TextNode <#text>
BlockContainer <(anonymous)> at (350,25.46875) content-size 100x0 children: inline
TextNode <#text>

View file

@ -0,0 +1,17 @@
<style>
* {
font-family: 'SerenitySans';
}
</style>
<!-- Should be container-like, with margins on either side and middle aligned -->
<div style="
display: table;
max-width: 100px;
width: 100%;
margin: 0 auto;
table-layout: fixed;
background-color: lightblue;
">
<div style="width: 2000px">1</div>
</div>