mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 03:07:36 +00:00
LibWeb: Use separate structure to represent fragments in paintable tree
This is a part of refactoring towards making the paintable tree independent of the layout tree. Now, instead of transferring text fragments from the layout tree to the paintable tree during the layout commit phase, we allocate separate PaintableFragments that contain only the information necessary for painting. Doing this also allows us to get rid LineBoxes, as they are used only during layout.
This commit is contained in:
parent
785fa60cca
commit
de32b77ceb
401 changed files with 2122 additions and 3614 deletions
|
@ -5,72 +5,63 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
TextNode <#text>
|
||||
Box <div.outer.normal> at (38,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <div> at (48,48) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 54.578125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.578125x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.578125x17] baseline: 13.296875
|
||||
"normal"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
TextNode <#text>
|
||||
Box <div.outer.stretch> at (208,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <div> at (218,48) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 58.796875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [218,48 58.796875x17]
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [218,48 58.796875x17] baseline: 13.296875
|
||||
"stretch"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
TextNode <#text>
|
||||
Box <div.outer.start> at (378,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <div> at (388,48) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [388,48 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [388,48 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
TextNode <#text>
|
||||
Box <div.outer.flex-start> at (548,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <div> at (558,48) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [558,48 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [558,48 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
TextNode <#text>
|
||||
Box <div.outer.end> at (38,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <div> at (48,308) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [48,308 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [48,308 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
TextNode <#text>
|
||||
Box <div.outer.flex-end> at (208,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <div> at (218,308) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [218,308 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [218,308 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
TextNode <#text>
|
||||
Box <div.outer.center> at (378,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <div> at (388,258) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [388,258 51.625x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [388,258 51.625x17] baseline: 13.296875
|
||||
"center"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
TextNode <#text>
|
||||
Box <div.outer.self-start> at (548,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <div> at (558,218) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 76.453125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [558,218 76.453125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [558,218 76.453125x17] baseline: 13.296875
|
||||
"self-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
TextNode <#text>
|
||||
Box <div.outer.self-end> at (38,378) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <div> at (48,478) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 61.40625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [48,478 61.40625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [48,478 61.40625x17] baseline: 13.296875
|
||||
"self-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
|
|
|
@ -5,256 +5,224 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
TextNode <#text>
|
||||
Box <div.row.outer.start> at (53,53) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,68) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [68,68 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [68,68 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,128) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.flex-start> at (53,143) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,158) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [68,158 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [68,158 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,218) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.end> at (53,233) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (188,248) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [188,248 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [188,248 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,308) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.flex-end> at (53,323) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (188,338) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [188,338 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [188,338 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,398) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.center> at (53,413) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (128,428) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [128,428 51.625x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [128,428 51.625x17] baseline: 13.296875
|
||||
"center"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,488) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.space-around> at (53,503) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (128,518) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [128,518 107.96875x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [128,518 107.96875x17] baseline: 13.296875
|
||||
"space-around"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,578) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.space-between> at (53,593) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,608) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [68,608 115.515625x17]
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [68,608 115.515625x17] baseline: 13.296875
|
||||
"space-between"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,668) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.space-evenly> at (53,683) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (128,698) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [128,698 98.859375x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [128,698 98.859375x17] baseline: 13.296875
|
||||
"space-evenly"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,758) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.start> at (53,773) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,788) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [68,788 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [68,788 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,848) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.flex-start> at (53,863) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (188,878) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [188,878 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [188,878 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,938) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.end> at (53,953) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (188,968) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [188,968 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [188,968 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,1028) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.flex-end> at (53,1043) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,1058) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [68,1058 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [68,1058 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,1118) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.center> at (53,1133) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (128,1148) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [128,1148 51.625x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [128,1148 51.625x17] baseline: 13.296875
|
||||
"center"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,1208) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.space-around> at (53,1223) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (128,1238) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [128,1238 107.96875x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [128,1238 107.96875x17] baseline: 13.296875
|
||||
"space-around"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,1298) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.space-between> at (53,1313) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (188,1328) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [188,1328 115.515625x17]
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [188,1328 115.515625x17] baseline: 13.296875
|
||||
"space-between"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,1388) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.space-evenly> at (53,1403) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (128,1418) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [128,1418 98.859375x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [128,1418 98.859375x17] baseline: 13.296875
|
||||
"space-evenly"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,1478) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.start> at (53,1493) content-size 300x60 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,1508) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [68,1508 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [68,1508 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,1568) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.flex-start> at (53,1583) content-size 300x60 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,1598) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [68,1598 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [68,1598 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,1658) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.end> at (53,1673) content-size 300x60 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,1668) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [68,1668 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [68,1668 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,1748) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.flex-end> at (53,1763) content-size 300x60 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,1758) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [68,1758 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [68,1758 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,1838) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.center> at (53,1853) content-size 300x60 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,1858) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [68,1858 51.625x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [68,1858 51.625x17] baseline: 13.296875
|
||||
"center"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,1928) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.space-around> at (53,1943) content-size 300x60 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,1948) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [68,1948 107.96875x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [68,1948 107.96875x17] baseline: 13.296875
|
||||
"space-around"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,2018) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.space-between> at (53,2033) content-size 300x60 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,2048) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [68,2048 115.515625x17]
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [68,2048 115.515625x17] baseline: 13.296875
|
||||
"space-between"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,2108) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.space-evenly> at (53,2123) content-size 300x60 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,2128) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [68,2128 98.859375x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [68,2128 98.859375x17] baseline: 13.296875
|
||||
"space-evenly"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,2198) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.start> at (53,2213) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,2228) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [68,2228 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [68,2228 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,2288) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.flex-start> at (53,2303) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,2298) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [68,2298 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [68,2298 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,2378) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.end> at (53,2393) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,2388) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [68,2388 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [68,2388 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,2468) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.flex-end> at (53,2483) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,2498) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [68,2498 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [68,2498 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,2558) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.center> at (53,2573) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,2578) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [68,2578 51.625x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [68,2578 51.625x17] baseline: 13.296875
|
||||
"center"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,2648) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.space-around> at (53,2663) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,2668) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [68,2668 107.96875x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [68,2668 107.96875x17] baseline: 13.296875
|
||||
"space-around"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,2738) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.space-between> at (53,2753) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,2748) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [68,2748 115.515625x17]
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [68,2748 115.515625x17] baseline: 13.296875
|
||||
"space-between"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,2828) content-size 724x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.space-evenly> at (53,2843) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (68,2848) content-size 150x50 positioned [BFC] children: inline
|
||||
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [68,2848 98.859375x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [68,2848 98.859375x17] baseline: 13.296875
|
||||
"space-evenly"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (38,2918) content-size 724x0 children: inline
|
||||
|
|
|
@ -5,8 +5,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <div#absolute> at (18,18) content-size 50x50 positioned [BFC] children: not-inline
|
||||
BlockContainer <div#orange> at (18,18) content-size 50x50 children: not-inline
|
||||
BlockContainer <div#red> at (18,18) content-size 9.703125x17 flex-item [BFC] children: inline
|
||||
line 0 width: 9.703125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [18,18 9.703125x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [18,18 9.703125x17] baseline: 13.296875
|
||||
"x"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -3,28 +3,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <body> at (10,10) content-size 780x265 children: not-inline
|
||||
Box <div.flex.row.align-start> at (11,11) content-size 500x200 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,12) content-size 136.5x17 flex-item [BFC] children: inline
|
||||
line 0 width: 136.5, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 18, rect: [12,12 136.5x17]
|
||||
frag 0 from TextNode start: 0, length: 18, rect: [12,12 136.5x17] baseline: 13.296875
|
||||
"align-items: start"
|
||||
TextNode <#text>
|
||||
Box <div.flex.align-end> at (11,213) content-size 500x19 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,214) content-size 121.453125x17 flex-item [BFC] children: inline
|
||||
line 0 width: 121.453125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 16, rect: [12,214 121.453125x17]
|
||||
frag 0 from TextNode start: 0, length: 16, rect: [12,214 121.453125x17] baseline: 13.296875
|
||||
"align-items: end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,233) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.flex.align-start> at (11,234) content-size 500x19 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,235) content-size 136.5x17 flex-item [BFC] children: inline
|
||||
line 0 width: 136.5, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 18, rect: [12,235 136.5x17]
|
||||
frag 0 from TextNode start: 0, length: 18, rect: [12,235 136.5x17] baseline: 13.296875
|
||||
"align-items: start"
|
||||
TextNode <#text>
|
||||
Box <div.flex.column.align-end> at (11,255) content-size 500x19 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (388.546875,256) content-size 121.453125x17 flex-item [BFC] children: inline
|
||||
line 0 width: 121.453125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 16, rect: [388.546875,256 121.453125x17]
|
||||
frag 0 from TextNode start: 0, length: 16, rect: [388.546875,256 121.453125x17] baseline: 13.296875
|
||||
"align-items: end"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,275) content-size 780x0 children: inline
|
||||
|
|
|
@ -2,8 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <html> at (1,1) content-size 798x68 [BFC] children: not-inline
|
||||
Box <body.flex> at (10,10) content-size 38.84375x50 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div.item> at (11,11) content-size 36.84375x48 flex-item [BFC] children: inline
|
||||
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17] baseline: 13.296875
|
||||
"hello"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -2,8 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <html> at (1,1) content-size 798x42 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x24 children: not-inline
|
||||
BlockContainer <div.first> at (11,11) content-size 778x22 children: inline
|
||||
line 0 width: 22, height: 22, bottom: 22, baseline: 22
|
||||
frag 0 from Box start: 0, length: 0, rect: [22,22 0x0]
|
||||
frag 0 from Box start: 0, length: 0, rect: [22,22 0x0] baseline: 22
|
||||
Box <span.second> at (22,22) content-size 0x0 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (22,22) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
|
|
@ -3,14 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <body> at (8,8) content-size 784x51 children: not-inline
|
||||
Box <div> at (8,8) content-size 784x51 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 55.359375x51 flex-item [BFC] children: inline
|
||||
line 0 width: 28.40625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 1, length: 4, rect: [8,8 28.40625x17]
|
||||
frag 0 from TextNode start: 1, length: 4, rect: [8,8 28.40625x17] baseline: 13.296875
|
||||
"well"
|
||||
line 1 width: 36.84375, height: 17, bottom: 34, baseline: 13.296875
|
||||
frag 0 from TextNode start: 1, length: 5, rect: [8,25 36.84375x17]
|
||||
frag 1 from TextNode start: 1, length: 5, rect: [8,25 36.84375x17] baseline: 13.296875
|
||||
"hello"
|
||||
line 2 width: 55.359375, height: 17, bottom: 51, baseline: 13.296875
|
||||
frag 0 from TextNode start: 1, length: 7, rect: [8,42 55.359375x17]
|
||||
frag 2 from TextNode start: 1, length: 7, rect: [8,42 55.359375x17] baseline: 13.296875
|
||||
"friends"
|
||||
TextNode <#text>
|
||||
BreakNode <br>
|
||||
|
|
|
@ -3,23 +3,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <body> at (10,10) content-size 780x62 children: not-inline
|
||||
Box <div.flex-container> at (11,11) content-size 778x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div.flex-item> at (12,12) content-size 386x28 flex-item [BFC] children: inline
|
||||
line 0 width: 58.40625, height: 22, bottom: 22, baseline: 17
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [12,12 58.40625x22]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [12,12 58.40625x22] baseline: 17
|
||||
"Item 1"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.flex-item> at (401,12) content-size 386x28 flex-item [BFC] children: inline
|
||||
line 0 width: 61.484375, height: 22, bottom: 22, baseline: 17
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [401,12 61.484375x22]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [401,12 61.484375x22] baseline: 17
|
||||
"Item 2"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.flex-item> at (12,42) content-size 386x28 flex-item [BFC] children: inline
|
||||
line 0 width: 61.84375, height: 22, bottom: 22, baseline: 17
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [12,42 61.84375x22]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [12,42 61.84375x22] baseline: 17
|
||||
"Item 3"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.flex-item> at (401,42) content-size 386x28 flex-item [BFC] children: inline
|
||||
line 0 width: 60.15625, height: 22, bottom: 22, baseline: 17
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [401,42 60.15625x22]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [401,42 60.15625x22] baseline: 17
|
||||
"Item 4"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -3,26 +3,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <body> at (10,10) content-size 780x223 children: not-inline
|
||||
Box <div.outer.flex.flex-wrap> at (11,11) content-size 778x221 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div.inner> at (12,62) content-size 776x119 flex-item [BFC] children: inline
|
||||
line 0 width: 741.640625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 90, rect: [12,62 741.640625x17]
|
||||
frag 0 from TextNode start: 0, length: 90, rect: [12,62 741.640625x17] baseline: 13.296875
|
||||
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum libero et urna"
|
||||
line 1 width: 765.03125, height: 17, bottom: 34, baseline: 13.296875
|
||||
frag 0 from TextNode start: 91, length: 95, rect: [12,79 765.03125x17]
|
||||
frag 1 from TextNode start: 91, length: 95, rect: [12,79 765.03125x17] baseline: 13.296875
|
||||
"sodales auctor. Nullam sodales bibendum turpis quis blandit. Ut fringilla erat et erat laoreet,"
|
||||
line 2 width: 747.5625, height: 17, bottom: 51, baseline: 13.296875
|
||||
frag 0 from TextNode start: 187, length: 90, rect: [12,96 747.5625x17]
|
||||
frag 2 from TextNode start: 187, length: 90, rect: [12,96 747.5625x17] baseline: 13.296875
|
||||
"faucibus rhoncus orci hendrerit. Etiam at sagittis diam. Etiam nec neque non dolor iaculis"
|
||||
line 3 width: 732.109375, height: 17, bottom: 68, baseline: 13.296875
|
||||
frag 0 from TextNode start: 278, length: 90, rect: [12,113 732.109375x17]
|
||||
frag 3 from TextNode start: 278, length: 90, rect: [12,113 732.109375x17] baseline: 13.296875
|
||||
"finibus euismod eget erat. Pellentesque vitae purus vitae nisi vehicula vestibulum quis ut"
|
||||
line 4 width: 759.453125, height: 17, bottom: 85, baseline: 13.296875
|
||||
frag 0 from TextNode start: 369, length: 95, rect: [12,130 759.453125x17]
|
||||
frag 4 from TextNode start: 369, length: 95, rect: [12,130 759.453125x17] baseline: 13.296875
|
||||
"diam. Integer convallis, justo ullamcorper sollicitudin varius, enim enim pellentesque erat, eu"
|
||||
line 5 width: 767.1875, height: 17, bottom: 102, baseline: 13.296875
|
||||
frag 0 from TextNode start: 465, length: 94, rect: [12,147 767.1875x17]
|
||||
frag 5 from TextNode start: 465, length: 94, rect: [12,147 767.1875x17] baseline: 13.296875
|
||||
"pellentesque sem arcu eu purus. Phasellus id erat sed felis luctus mollis eget sit amet dolor."
|
||||
line 6 width: 765.578125, height: 17, bottom: 119, baseline: 13.296875
|
||||
frag 0 from TextNode start: 560, length: 95, rect: [12,164 765.578125x17]
|
||||
frag 6 from TextNode start: 560, length: 95, rect: [12,164 765.578125x17] baseline: 13.296875
|
||||
"Pellentesque eget justo nulla. Duis consectetur imperdiet nisi, ac tincidunt urna blandit quis."
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <body> at (10,10) content-size 54x102 children: not-inline
|
||||
Box <div.flex> at (11,11) content-size 52x100 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div.hmm> at (12,12) content-size 50x17 flex-item [BFC] children: inline
|
||||
line 0 width: 39.78125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [12,12 39.78125x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [12,12 39.78125x17] baseline: 13.296875
|
||||
"Hello"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
|
|
|
@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <body.outer> at (18,18) content-size 280.84375x17 children: not-inline
|
||||
Box <div.inner> at (18,18) content-size 280.84375x17 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (18,18) content-size 280.84375x17 flex-item [BFC] children: inline
|
||||
line 0 width: 280.84375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 35, rect: [18,18 280.84375x17]
|
||||
frag 0 from TextNode start: 0, length: 35, rect: [18,18 280.84375x17] baseline: 13.296875
|
||||
"this text should be all on one line"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -7,17 +7,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.buttons> at (394.625,11) content-size 114.375x50 flex-item [BFC] children: inline
|
||||
line 0 width: 114.375, height: 19, bottom: 19, baseline: 14.296875
|
||||
frag 0 from BlockContainer start: 0, length: 0, rect: [395.625,12 57.046875x17]
|
||||
frag 1 from BlockContainer start: 0, length: 0, rect: [454.625,12 53.328125x17]
|
||||
frag 0 from BlockContainer start: 0, length: 0, rect: [395.625,12 57.046875x17] baseline: 14.296875
|
||||
frag 1 from BlockContainer start: 0, length: 0, rect: [454.625,12 53.328125x17] baseline: 14.296875
|
||||
BlockContainer <div.button> at (395.625,12) content-size 57.046875x17 inline-block [BFC] children: inline
|
||||
line 0 width: 57.046875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [395.625,12 57.046875x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [395.625,12 57.046875x17] baseline: 13.296875
|
||||
"Accept"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.button> at (454.625,12) content-size 53.328125x17 inline-block [BFC] children: inline
|
||||
line 0 width: 53.328125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [454.625,12 53.328125x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [454.625,12 53.328125x17] baseline: 13.296875
|
||||
"Reject"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -3,14 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
Box <body.pink> at (8,8) content-size 784x51 flex-container(row) [FFC] children: not-inline
|
||||
Box <div.orange> at (8,8) content-size 194.71875x51 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <div.lime> at (8,8) content-size 87.359375x51 flex-item [BFC] children: inline
|
||||
line 0 width: 74.75, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 9, rect: [8,8 74.75x17]
|
||||
frag 0 from TextNode start: 0, length: 9, rect: [8,8 74.75x17] baseline: 13.296875
|
||||
"This is a"
|
||||
line 1 width: 71.828125, height: 17, bottom: 34, baseline: 13.296875
|
||||
frag 0 from TextNode start: 10, length: 8, rect: [8,25 71.828125x17]
|
||||
frag 1 from TextNode start: 10, length: 8, rect: [8,25 71.828125x17] baseline: 13.296875
|
||||
"bunch of"
|
||||
line 2 width: 32.140625, height: 17, bottom: 51, baseline: 13.296875
|
||||
frag 0 from TextNode start: 19, length: 4, rect: [8,42 32.140625x17]
|
||||
frag 2 from TextNode start: 19, length: 4, rect: [8,42 32.140625x17] baseline: 13.296875
|
||||
"text"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -3,18 +3,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <body> at (8,8) content-size 784x50 children: not-inline
|
||||
Box <div.flex> at (8,8) content-size 784x50 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (425,8) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [425,8 6.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [425,8 6.34375x17] baseline: 13.296875
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (375,8) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [375,8 8.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [375,8 8.8125x17] baseline: 13.296875
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (325,8) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [325,8 9.09375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [325,8 9.09375x17] baseline: 13.296875
|
||||
"3"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -3,28 +3,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <body> at (10,10) content-size 780x108 children: not-inline
|
||||
Box <div.flex> at (11,11) content-size 500x52 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (11,11) content-size 36.84375x52 flex-item [BFC] children: inline
|
||||
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17] baseline: 13.296875
|
||||
"hello"
|
||||
TextNode <#text>
|
||||
Box <div.item.one> at (48.84375,12) content-size 461.15625x50 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (48.84375,12) content-size 55.359375x50 flex-item [BFC] children: inline
|
||||
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,12 55.359375x17]
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,12 55.359375x17] baseline: 13.296875
|
||||
"friends"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,64) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.flex> at (11,65) content-size 500x52 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (11,65) content-size 36.84375x52 flex-item [BFC] children: inline
|
||||
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [11,65 36.84375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [11,65 36.84375x17] baseline: 13.296875
|
||||
"hello"
|
||||
TextNode <#text>
|
||||
Box <div.item.two> at (48.84375,66) content-size 461.15625x50 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (48.84375,66) content-size 55.359375x50 flex-item [BFC] children: inline
|
||||
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,66 55.359375x17]
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,66 55.359375x17] baseline: 13.296875
|
||||
"friends"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -2,8 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
|
||||
Box <body> at (8,8) content-size 784x17 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <main> at (8,8) content-size 784x17 flex-item [BFC] children: inline
|
||||
line 0 width: 153.984375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [8,8 153.984375x17]
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [8,8 153.984375x17] baseline: 13.296875
|
||||
"hmmMMMMmmmmmm"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -1,11 +1,9 @@
|
|||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 500x37 [BFC] children: inline
|
||||
line 0 width: 272.40625, height: 37, bottom: 37, baseline: 15.296875
|
||||
frag 0 from Box start: 0, length: 0, rect: [10,10 162.40625x19]
|
||||
frag 0 from Box start: 0, length: 0, rect: [10,10 162.40625x19] baseline: 15.296875
|
||||
Box <body> at (10,10) content-size 162.40625x19 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (11,11) content-size 160.40625x17 flex-item [BFC] children: inline
|
||||
line 0 width: 160.40625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 20, rect: [11,11 160.40625x17]
|
||||
frag 0 from TextNode start: 0, length: 20, rect: [11,11 160.40625x17] baseline: 13.296875
|
||||
"Immobilie inserieren"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -6,8 +6,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <div.px> at (11,11) content-size 200x19 flex-item [BFC] children: not-inline
|
||||
Box <div.inner> at (12,12) content-size 198x17 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (12,12) content-size 19.125x17 flex-item [BFC] children: inline
|
||||
line 0 width: 19.125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 2, rect: [12,12 19.125x17]
|
||||
frag 0 from TextNode start: 0, length: 2, rect: [12,12 19.125x17] baseline: 13.296875
|
||||
"px"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
|
@ -15,8 +14,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <div.percentage> at (11,32) content-size 50x19 flex-item [BFC] children: not-inline
|
||||
Box <div.inner> at (12,33) content-size 48x17 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (12,33) content-size 86.671875x17 flex-item [BFC] children: inline
|
||||
line 0 width: 86.671875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [12,33 86.671875x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [12,33 86.671875x17] baseline: 13.296875
|
||||
"percentage"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
|
@ -24,8 +22,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <div.fit-content> at (11,53) content-size 88.765625x19 flex-item [BFC] children: not-inline
|
||||
Box <div.inner> at (12,54) content-size 86.765625x17 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (12,54) content-size 86.765625x17 flex-item [BFC] children: inline
|
||||
line 0 width: 86.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 11, rect: [12,54 86.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 11, rect: [12,54 86.765625x17] baseline: 13.296875
|
||||
"fit content"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
|
@ -33,8 +30,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <div.max-content> at (11,74) content-size 102.15625x19 flex-item [BFC] children: not-inline
|
||||
Box <div.inner> at (12,75) content-size 100.15625x17 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (12,75) content-size 100.15625x17 flex-item [BFC] children: inline
|
||||
line 0 width: 100.15625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 11, rect: [12,75 100.15625x17]
|
||||
frag 0 from TextNode start: 0, length: 11, rect: [12,75 100.15625x17] baseline: 13.296875
|
||||
"max content"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
|
@ -42,11 +38,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <div.min-content> at (11,95) content-size 62.90625x36 flex-item [BFC] children: not-inline
|
||||
Box <div.inner> at (12,96) content-size 60.90625x34 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (12,96) content-size 60.90625x34 flex-item [BFC] children: inline
|
||||
line 0 width: 26.375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,96 26.375x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,96 26.375x17] baseline: 13.296875
|
||||
"min"
|
||||
line 1 width: 60.90625, height: 17, bottom: 34, baseline: 13.296875
|
||||
frag 0 from TextNode start: 4, length: 7, rect: [12,113 60.90625x17]
|
||||
frag 1 from TextNode start: 4, length: 7, rect: [12,113 60.90625x17] baseline: 13.296875
|
||||
"content"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
||||
|
|
|
@ -5,576 +5,480 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
TextNode <#text>
|
||||
Box <div.row.outer.start> at (11,11) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,12) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [12,12 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [12,12 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (64,12) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [64,12 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [64,12 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (116,12) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [116,12 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [116,12 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,72) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.flex-start> at (11,73) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,74) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [12,74 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [12,74 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (64,74) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [64,74 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [64,74 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (116,74) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [116,74 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [116,74 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,134) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.end> at (11,135) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (156,136) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [156,136 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [156,136 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (208,136) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [208,136 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [208,136 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (260,136) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [260,136 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [260,136 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,196) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.flex-end> at (11,197) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (156,198) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [156,198 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [156,198 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (208,198) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [208,198 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [208,198 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (260,198) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [260,198 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [260,198 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,258) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.center> at (11,259) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (84,260) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [84,260 51.625x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [84,260 51.625x17] baseline: 13.296875
|
||||
"center"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (136,260) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,260 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,260 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (188,260) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [188,260 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [188,260 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,320) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.space-around> at (11,321) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (36,322) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [36,322 107.96875x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [36,322 107.96875x17] baseline: 13.296875
|
||||
"space-around"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (136,322) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,322 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,322 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (236,322) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [236,322 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [236,322 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,382) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.space-between> at (11,383) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,384) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [12,384 115.515625x17]
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [12,384 115.515625x17] baseline: 13.296875
|
||||
"space-between"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (136,384) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,384 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,384 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (260,384) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [260,384 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [260,384 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,444) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.space-evenly> at (11,445) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (48,446) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [48,446 98.859375x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [48,446 98.859375x17] baseline: 13.296875
|
||||
"space-evenly"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (136,446) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,446 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,446 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (224,446) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [224,446 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [224,446 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,506) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.start> at (11,507) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (116,508) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [116,508 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [116,508 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (64,508) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [64,508 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [64,508 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,508) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,508 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,508 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,568) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.flex-start> at (11,569) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (260,570) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [260,570 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [260,570 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (208,570) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [208,570 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [208,570 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (156,570) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [156,570 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [156,570 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,630) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.end> at (11,631) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (260,632) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [260,632 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [260,632 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (208,632) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [208,632 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [208,632 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (156,632) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [156,632 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [156,632 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,692) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.flex-end> at (11,693) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (116,694) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [116,694 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [116,694 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (64,694) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [64,694 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [64,694 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,694) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,694 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,694 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,754) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.center> at (11,755) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (188,756) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [188,756 51.625x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [188,756 51.625x17] baseline: 13.296875
|
||||
"center"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (136,756) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,756 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,756 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (84,756) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [84,756 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [84,756 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,816) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.space-around> at (11,817) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (236,818) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [236,818 107.96875x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [236,818 107.96875x17] baseline: 13.296875
|
||||
"space-around"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (136,818) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,818 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,818 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (36,818) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [36,818 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [36,818 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,878) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.space-between> at (11,879) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (260,880) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [260,880 115.515625x17]
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [260,880 115.515625x17] baseline: 13.296875
|
||||
"space-between"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (136,880) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,880 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,880 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,880) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,880 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,880 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,940) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.space-evenly> at (11,941) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (224,942) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [224,942 98.859375x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [224,942 98.859375x17] baseline: 13.296875
|
||||
"space-evenly"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (136,942) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,942 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [136,942 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (48,942) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [48,942 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [48,942 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,1002) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.start> at (11,1003) content-size 60x300 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,1004) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [12,1004 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [12,1004 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,1056) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1056 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1056 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,1108) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1108 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1108 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,1304) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.flex-start> at (11,1305) content-size 60x300 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,1306) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [12,1306 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [12,1306 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,1358) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1358 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1358 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,1410) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1410 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1410 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,1606) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.end> at (11,1607) content-size 60x300 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,1752) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,1752 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,1752 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,1804) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1804 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1804 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,1856) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1856 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1856 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,1908) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.flex-end> at (11,1909) content-size 60x300 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,2054) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [12,2054 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [12,2054 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,2106) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2106 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2106 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,2158) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2158 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2158 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,2210) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.center> at (11,2211) content-size 60x300 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,2284) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [12,2284 51.625x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [12,2284 51.625x17] baseline: 13.296875
|
||||
"center"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,2336) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2336 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2336 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,2388) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2388 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2388 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,2512) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.space-around> at (11,2513) content-size 60x300 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,2538) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [12,2538 107.96875x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [12,2538 107.96875x17] baseline: 13.296875
|
||||
"space-around"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,2638) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2638 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2638 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,2738) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2738 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2738 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,2814) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.space-between> at (11,2815) content-size 60x300 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,2816) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [12,2816 115.515625x17]
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [12,2816 115.515625x17] baseline: 13.296875
|
||||
"space-between"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,2940) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2940 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2940 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,3064) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3064 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3064 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,3116) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.space-evenly> at (11,3117) content-size 60x300 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,3154) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [12,3154 98.859375x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [12,3154 98.859375x17] baseline: 13.296875
|
||||
"space-evenly"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,3242) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3242 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3242 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,3330) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3330 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3330 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,3418) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.start> at (11,3419) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,3524) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [12,3524 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [12,3524 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,3472) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3472 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3472 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,3420) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3420 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3420 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,3720) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.flex-start> at (11,3721) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,3970) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [12,3970 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [12,3970 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,3918) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3918 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3918 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,3866) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3866 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,3866 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,4022) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.end> at (11,4023) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,4272) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,4272 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,4272 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,4220) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4220 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4220 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,4168) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4168 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4168 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,4324) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.flex-end> at (11,4325) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,4430) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [12,4430 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [12,4430 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,4378) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4378 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4378 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,4326) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4326 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4326 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,4626) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.center> at (11,4627) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,4804) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [12,4804 51.625x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [12,4804 51.625x17] baseline: 13.296875
|
||||
"center"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,4752) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4752 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4752 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,4700) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4700 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4700 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,4928) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.space-around> at (11,4929) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,5154) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [12,5154 107.96875x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [12,5154 107.96875x17] baseline: 13.296875
|
||||
"space-around"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,5054) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,5054 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,5054 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,4954) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4954 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,4954 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,5230) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.space-between> at (11,5231) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,5480) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [12,5480 115.515625x17]
|
||||
frag 0 from TextNode start: 0, length: 13, rect: [12,5480 115.515625x17] baseline: 13.296875
|
||||
"space-between"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,5356) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,5356 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,5356 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,5232) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,5232 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,5232 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,5532) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.space-evenly> at (11,5533) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,5746) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [12,5746 98.859375x17]
|
||||
frag 0 from TextNode start: 0, length: 12, rect: [12,5746 98.859375x17] baseline: 13.296875
|
||||
"space-evenly"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,5658) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,5658 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,5658 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,5570) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,5570 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,5570 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,5834) content-size 780x0 children: inline
|
||||
|
|
|
@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
|
||||
Box <div.container> at (8,8) content-size 784x17 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (8,8) content-size 14.265625x17 flex-item [BFC] children: inline
|
||||
line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17] baseline: 13.296875
|
||||
"A"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -5,288 +5,240 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
TextNode <#text>
|
||||
Box <div.row.outer.start> at (11,11) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (60,12) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [60,12 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [60,12 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (160,12) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [160,12 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [160,12 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (260,12) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [260,12 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [260,12 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,72) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.flex-start> at (11,73) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (60,74) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [60,74 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [60,74 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (160,74) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [160,74 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [160,74 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (260,74) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [260,74 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [260,74 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,134) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.end> at (11,135) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,136) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,136 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,136 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (112,136) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [112,136 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [112,136 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (212,136) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [212,136 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [212,136 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,196) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.outer.flex-end> at (11,197) content-size 300x60 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,198) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [12,198 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [12,198 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (112,198) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [112,198 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [112,198 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (212,198) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [212,198 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [212,198 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,258) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.start> at (11,259) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (260,260) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [260,260 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [260,260 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (160,260) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [160,260 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [160,260 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (60,260) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [60,260 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [60,260 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,320) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.flex-start> at (11,321) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (260,322) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [260,322 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [260,322 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (160,322) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [160,322 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [160,322 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (60,322) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [60,322 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [60,322 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,382) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.end> at (11,383) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (212,384) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [212,384 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [212,384 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (112,384) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [112,384 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [112,384 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,384) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,384 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,384 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,444) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.row.reverse.outer.flex-end> at (11,445) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (212,446) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [212,446 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [212,446 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (112,446) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [112,446 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [112,446 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,446) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,446 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,446 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,506) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.start> at (11,507) content-size 60x300 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (20,508) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [20,508 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [20,508 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (20,560) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,560 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,560 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (20,612) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,612 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,612 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,808) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.flex-start> at (11,809) content-size 60x300 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (20,810) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [20,810 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [20,810 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (20,862) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,862 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,862 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (20,914) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,914 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,914 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,1110) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.end> at (11,1111) content-size 60x300 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,1256) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,1256 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,1256 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,1308) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1308 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1308 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,1360) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1360 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1360 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,1412) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.outer.flex-end> at (11,1413) content-size 60x300 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,1558) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [12,1558 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [12,1558 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,1610) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1610 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1610 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,1662) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1662 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,1662 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,1714) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.start> at (11,1715) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (20,1820) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [20,1820 41.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [20,1820 41.234375x17] baseline: 13.296875
|
||||
"start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (20,1768) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,1768 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,1768 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (20,1716) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,1716 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,1716 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,2016) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.flex-start> at (11,2017) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (20,2266) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [20,2266 76.8125x17]
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [20,2266 76.8125x17] baseline: 13.296875
|
||||
"flex-start"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (20,2214) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,2214 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,2214 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (20,2162) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,2162 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [20,2162 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,2318) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.end> at (11,2319) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,2568) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,2568 26.1875x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,2568 26.1875x17] baseline: 13.296875
|
||||
"end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,2516) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2516 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2516 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,2464) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2464 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2464 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,2620) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.column.reverse.outer.flex-end> at (11,2621) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,2726) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [12,2726 61.765625x17]
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [12,2726 61.765625x17] baseline: 13.296875
|
||||
"flex-end"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,2674) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2674 9.34375x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2674 9.34375x17] baseline: 13.296875
|
||||
"a"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (12,2622) content-size 50x50 flex-item [BFC] children: inline
|
||||
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2622 9.46875x17]
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [12,2622 9.46875x17] baseline: 13.296875
|
||||
"b"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,2922) content-size 780x0 children: inline
|
||||
|
|
|
@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <body> at (8,16) content-size 784x17 children: not-inline
|
||||
Box <ul.globalnav-list> at (48,16) content-size 744x17 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div#item-1> at (48,16) content-size 46.734375x17 flex-item [BFC] children: inline
|
||||
line 0 width: 46.734375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [48,16 46.734375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [48,16 46.734375x17] baseline: 13.296875
|
||||
"Store"
|
||||
TextNode <#text>
|
||||
BlockContainer <div#item-2> at (762,16) content-size 30x17 flex-item [BFC] children: inline
|
||||
line 0 width: 30, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [762,16 30x17]
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [762,16 30x17] baseline: 13.296875
|
||||
"Mac"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
Box <body.outer> at (8,8) content-size 200x17 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div.middle> at (8,8) content-size 200x17 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div.inner> at (8,8) content-size 200x17 children: inline
|
||||
line 0 width: 174.234375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 20, rect: [8,8 174.234375x17]
|
||||
frag 0 from TextNode start: 0, length: 20, rect: [8,8 174.234375x17] baseline: 13.296875
|
||||
"percentages are hard"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -2,13 +2,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <html> at (2,2) content-size 796x41 [BFC] children: not-inline
|
||||
Box <body> at (12,12) content-size 600x21 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div.exekiller> at (14,14) content-size 200x17 positioned flex-item [BFC] children: inline
|
||||
line 0 width: 65.4375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17]
|
||||
frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17] baseline: 13.296875
|
||||
"exekiller"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.athena> at (18,18) content-size 200x17 positioned flex-item [BFC] children: inline
|
||||
line 0 width: 53.171875, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [18,18 53.171875x17]
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [18,18 53.171875x17] baseline: 13.296875
|
||||
"athena"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
|
@ -3,72 +3,60 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|||
BlockContainer <body> at (8,8) content-size 784x600 children: not-inline
|
||||
Box <div.outer.row> at (8,8) content-size 150x150 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div.inner> at (12.609375,8) content-size 30.078125x150 flex-item [BFC] children: inline
|
||||
line 0 width: 30.078125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [12.609375,8 30.078125x17]
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [12.609375,8 30.078125x17] baseline: 13.296875
|
||||
"Well"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.inner> at (51.921875,8) content-size 36.84375x150 flex-item [BFC] children: inline
|
||||
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [51.921875,8 36.84375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [51.921875,8 36.84375x17] baseline: 13.296875
|
||||
"hello"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.inner> at (98,8) content-size 55.359375x150 flex-item [BFC] children: inline
|
||||
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [98,8 55.359375x17]
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [98,8 55.359375x17] baseline: 13.296875
|
||||
"friends"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,158) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.outer.row-reverse> at (8,158) content-size 150x150 flex-container(row-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div.inner> at (123.3125,158) content-size 30.078125x150 flex-item [BFC] children: inline
|
||||
line 0 width: 30.078125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [123.3125,158 30.078125x17]
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [123.3125,158 30.078125x17] baseline: 13.296875
|
||||
"Well"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.inner> at (77.234375,158) content-size 36.84375x150 flex-item [BFC] children: inline
|
||||
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [77.234375,158 36.84375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [77.234375,158 36.84375x17] baseline: 13.296875
|
||||
"hello"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.inner> at (12.640625,158) content-size 55.359375x150 flex-item [BFC] children: inline
|
||||
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [12.640625,158 55.359375x17]
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [12.640625,158 55.359375x17] baseline: 13.296875
|
||||
"friends"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,308) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.outer.column> at (8,308) content-size 150x150 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div.inner> at (8,324.5) content-size 150x17 flex-item [BFC] children: inline
|
||||
line 0 width: 30.078125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [8,324.5 30.078125x17]
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [8,324.5 30.078125x17] baseline: 13.296875
|
||||
"Well"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.inner> at (8,374.5) content-size 150x17 flex-item [BFC] children: inline
|
||||
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [8,374.5 36.84375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [8,374.5 36.84375x17] baseline: 13.296875
|
||||
"hello"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.inner> at (8,424.5) content-size 150x17 flex-item [BFC] children: inline
|
||||
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [8,424.5 55.359375x17]
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [8,424.5 55.359375x17] baseline: 13.296875
|
||||
"friends"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,458) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.outer.column-reverse> at (8,458) content-size 150x150 flex-container(column-reverse) [FFC] children: not-inline
|
||||
BlockContainer <div.inner> at (8,574.5) content-size 150x17 flex-item [BFC] children: inline
|
||||
line 0 width: 30.078125, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [8,574.5 30.078125x17]
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [8,574.5 30.078125x17] baseline: 13.296875
|
||||
"Well"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.inner> at (8,524.5) content-size 150x17 flex-item [BFC] children: inline
|
||||
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [8,524.5 36.84375x17]
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [8,524.5 36.84375x17] baseline: 13.296875
|
||||
"hello"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.inner> at (8,474.5) content-size 150x17 flex-item [BFC] children: inline
|
||||
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [8,474.5 55.359375x17]
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [8,474.5 55.359375x17] baseline: 13.296875
|
||||
"friends"
|
||||
TextNode <#text>
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue