mirror of
https://github.com/servo/servo
synced 2026-04-29 10:57:43 +02:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
@@ -49,9 +49,9 @@
|
||||
color: black;
|
||||
margin-left: 68px;
|
||||
|
||||
|
||||
|
||||
/*
|
||||
|
||||
|
||||
"
|
||||
In the fixed table layout algorithm, the width of each column is determined as follows:
|
||||
|
||||
@@ -64,33 +64,33 @@
|
||||
|
||||
Middle column width calculations
|
||||
--------------------------------
|
||||
|
||||
|
||||
24px : padding-left of the cell in the middle column
|
||||
+
|
||||
80px : width of the cell in the middle column
|
||||
+
|
||||
24px : padding-right of the cell in the middle column
|
||||
+
|
||||
36px : half of border-right since such border must be split with cell in 3rd column
|
||||
|
||||
36px : half of border-right since such border must be split with cell in 3rd column
|
||||
|
||||
=======
|
||||
164px : width of the middle column
|
||||
|
||||
|
||||
So,
|
||||
300px : table set width
|
||||
-
|
||||
|
||||
So,
|
||||
300px : table set width
|
||||
-
|
||||
164px : width of the middle column
|
||||
======
|
||||
136px
|
||||
|
||||
So, each of the 2 remaining columns must be
|
||||
half of such extra horizontal table space,
|
||||
======
|
||||
136px
|
||||
|
||||
So, each of the 2 remaining columns must be
|
||||
half of such extra horizontal table space,
|
||||
which is 136px divided by 2 == 68px.
|
||||
|
||||
|
||||
1st column width calculations
|
||||
-----------------------------
|
||||
|
||||
|
||||
24px : padding-left of cell in 1st column
|
||||
+
|
||||
(solve) : width of cell in 1st column
|
||||
@@ -99,37 +99,37 @@
|
||||
|
||||
======
|
||||
68px : width of 1st column
|
||||
|
||||
|
||||
So, the width of the cell in first column must be exactly 20px.
|
||||
|
||||
|
||||
|
||||
3rd column width calculations
|
||||
-----------------------------
|
||||
|
||||
|
||||
36px : border-left of 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
|
||||
=======
|
||||
68px : width of 3rd column
|
||||
|
||||
|
||||
So, the width of the cell in 3rd column must be exactly -16px !
|
||||
|
||||
|
||||
|
||||
|
||||
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
|
||||
+
|
||||
20px : width of cell in 1st column
|
||||
+
|
||||
24px : padding right of cell in 1st column
|
||||
=======
|
||||
68px
|
||||
|
||||
=======
|
||||
68px
|
||||
|
||||
Therefore the margin-left: 68px value of the div#reference.
|
||||
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user