Add TextAlign::WebkitCenter variant that centers both inline text and block-level children narrower than their container. The UA stylesheet now uses -webkit-center for <center>, matching real browser behavior where block children (like tables) are centered, not just inline text. The core mechanism is a post-layout shift in layout_block_children_vertical that repositions block children by (container_width - child_width) / 2. The shift_subtree_x helper recursively adjusts content origins, inline line boxes/fragments, and collapsed border segments. Guards prevent double-centering (auto-margin children), shifting table internals, and incorrectly shifting absolutely/fixed-positioned descendants. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
31 lines
1.0 KiB
Plaintext
31 lines
1.0 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 66)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#2 tag=body box=block
|
|
content: (8, 8, 784, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#3 tag=center box=block
|
|
content: (8, 8, 400, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#5 tag=div box=block
|
|
content: (108, 8, 200, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=83.20705
|
|
line[0]: rect=(166.39648, 8, 83.20705, 19.2) fragments=2
|
|
frag[0]: rect=(166.39648, 9.6, 50.87812, 16) text="Centered" start=false end=false
|
|
frag[1]: rect=(220.32893, 9.6, 29.274597, 16) text="block" start=false end=false
|
|
LayoutBox node=#6 tag=anonymous box=anon
|
|
content: (100, 0, 83.20704, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Centered block"
|