mirror of
https://github.com/servo/servo
synced 2026-04-29 02:47:55 +02:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
@@ -38,10 +38,10 @@
|
||||
{
|
||||
background-color: black;
|
||||
color: black;
|
||||
margin-left: 108px;
|
||||
margin-left: 108px;
|
||||
|
||||
/*
|
||||
|
||||
|
||||
"
|
||||
In the fixed table layout algorithm, the width of each column is determined as follows:
|
||||
|
||||
@@ -54,34 +54,34 @@
|
||||
|
||||
Middle column width calculations
|
||||
--------------------------------
|
||||
|
||||
10px : half of border-left since such border must be split with cell in 1st column
|
||||
+
|
||||
|
||||
10px : half of border-left since such border must be split with cell in 1st column
|
||||
+
|
||||
38px : padding-left of the cell in the middle column
|
||||
+
|
||||
80px : width of the cell in the middle column
|
||||
+
|
||||
10px : padding-right of the cell in the middle column
|
||||
+
|
||||
26px : half of border-right since such border must be split with cell in 3rd column
|
||||
26px : half of border-right since such border must be split with cell in 3rd column
|
||||
=======
|
||||
164px : width of the middle column
|
||||
|
||||
|
||||
So,
|
||||
400px : table set width
|
||||
-
|
||||
|
||||
So,
|
||||
400px : table set width
|
||||
-
|
||||
164px : width of the middle column
|
||||
======
|
||||
236px
|
||||
|
||||
So, each of the 2 remaining columns must be
|
||||
half of such extra horizontal table space,
|
||||
======
|
||||
236px
|
||||
|
||||
So, each of the 2 remaining columns must be
|
||||
half of such extra horizontal table space,
|
||||
which is 236px divided by 2 == 118px.
|
||||
|
||||
|
||||
1st column width calculations
|
||||
-----------------------------
|
||||
|
||||
|
||||
38px : padding-left of cell in 1st column
|
||||
+
|
||||
(solve) : width of cell in 1st column
|
||||
@@ -92,42 +92,42 @@
|
||||
which is half of border-left of cell in middle column
|
||||
======
|
||||
118px : width of 1st column
|
||||
|
||||
|
||||
So, the width of the cell in first column must be exactly 60px.
|
||||
|
||||
|
||||
|
||||
3rd column width calculations
|
||||
-----------------------------
|
||||
|
||||
26px : half of border-right of cell in middle column
|
||||
|
||||
26px : half of border-right of cell in middle column
|
||||
since such border must be split with the cell in 3rd column
|
||||
+
|
||||
24px : padding-left of cell in 3rd column
|
||||
24px : padding-left of cell in 3rd column
|
||||
+
|
||||
(solve) : width of cell in 3rd column
|
||||
+
|
||||
+
|
||||
24px : padding-right of cell in 3rd column
|
||||
=======
|
||||
118px : width of 3rd column
|
||||
|
||||
|
||||
So, the width of the cell in 3rd column must be exactly 44px.
|
||||
|
||||
|
||||
|
||||
|
||||
Finally, the precise horizontal point where the border-right of cell
|
||||
in first column begins to be drawn, painted is:
|
||||
|
||||
|
||||
24px : padding-left of cell in 1st column
|
||||
+
|
||||
60px : width of cell in 1st column
|
||||
+
|
||||
24px : padding-right of cell in 1st column
|
||||
=======
|
||||
108px
|
||||
|
||||
=======
|
||||
108px
|
||||
|
||||
Therefore the margin-left: 108px value of the div#reference.
|
||||
|
||||
*/
|
||||
|
||||
|
||||
width: 200px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
Reference in New Issue
Block a user