OLD | NEW |
| (Empty) |
1 layer at (0,0) size 800x600 | |
2 RenderView at (0,0) size 800x600 | |
3 layer at (0,0) size 800x600 | |
4 RenderBlock {HTML} at (0,0) size 800x600 | |
5 RenderBody {BODY} at (8,8) size 784x584 | |
6 RenderText {#text} at (0,0) size 253x19 | |
7 text run at (0,0) width 253: "This tests the -webkit-line-clamp property
" | |
8 RenderBR {BR} at (253,15) size 0x0 | |
9 RenderBR {BR} at (0,20) size 0x19 | |
10 RenderText {#text} at (102,107) size 4x19 | |
11 text run at (102,107) width 4: " " | |
12 RenderText {#text} at (208,107) size 4x19 | |
13 text run at (208,107) width 4: " " | |
14 RenderText {#text} at (314,107) size 4x19 | |
15 text run at (314,107) width 4: " " | |
16 RenderText {#text} at (420,107) size 4x19 | |
17 text run at (420,107) width 4: " " | |
18 RenderText {#text} at (526,107) size 4x19 | |
19 text run at (526,107) width 4: " " | |
20 RenderText {#text} at (632,107) size 4x19 | |
21 text run at (632,107) width 4: " " | |
22 RenderText {#text} at (0,0) size 0x0 | |
23 RenderText {#text} at (102,254) size 4x19 | |
24 text run at (102,254) width 4: " " | |
25 RenderText {#text} at (208,254) size 4x19 | |
26 text run at (208,254) width 4: " " | |
27 RenderText {#text} at (0,0) size 0x0 | |
28 layer at (8,49) size 102x81 clip at (9,50) size 100x79 scrollHeight 139 | |
29 RenderDeprecatedFlexibleBox {DIV} at (0,41) size 102x81 [border: (1px solid #8
08080)] | |
30 RenderBlock (anonymous) at (1,1) size 100x79 | |
31 RenderText {#text} at (0,0) size 96x139 | |
32 text run at (0,0) width 96: "50% truncation." | |
33 text run at (0,20) width 56: "This is an" | |
34 text run at (0,40) width 66: "example of" | |
35 text run at (0,60) width 45: "ellipsis-" | |
36 text run at (0,80) width 75: "truncation of" | |
37 text run at (0,100) width 54: "multi-line" | |
38 text run at (0,120) width 26: "text." | |
39 RenderInline {A} at (0,0) size 34x19 [color=#0000EE] | |
40 RenderText {#text} at (26,120) size 34x19 | |
41 text run at (26,120) width 34: "More" | |
42 RenderText {#text} at (0,0) size 0x0 | |
43 layer at (114,109) size 102x21 clip at (115,110) size 100x19 scrollHeight 119 | |
44 RenderDeprecatedFlexibleBox {DIV} at (106,101) size 102x21 [border: (1px solid
#808080)] | |
45 RenderBlock (anonymous) at (1,1) size 100x19 | |
46 RenderText {#text} at (0,0) size 92x119 | |
47 text run at (0,0) width 88: "0% truncation." | |
48 text run at (0,20) width 80: "This does the" | |
49 text run at (0,40) width 92: "most truncation" | |
50 text run at (0,60) width 53: "possible," | |
51 text run at (0,80) width 86: "truncating to 1" | |
52 text run at (0,100) width 24: "line." | |
53 RenderInline {A} at (0,0) size 34x19 [color=#0000EE] | |
54 RenderText {#text} at (24,100) size 34x19 | |
55 text run at (24,100) width 34: "More" | |
56 RenderText {#text} at (0,0) size 0x0 | |
57 layer at (220,89) size 102x41 clip at (221,90) size 100x39 scrollHeight 119 | |
58 RenderDeprecatedFlexibleBox {DIV} at (212,81) size 102x41 [border: (1px solid
#808080)] | |
59 RenderBlock (anonymous) at (1,1) size 100x39 | |
60 RenderText {#text} at (0,0) size 84x119 | |
61 text run at (0,0) width 46: "2 lines. " | |
62 text run at (46,0) width 38: "This is" | |
63 text run at (0,20) width 84: "an example of" | |
64 text run at (0,40) width 45: "ellipsis-" | |
65 text run at (0,60) width 75: "truncation of" | |
66 text run at (0,80) width 54: "multi-line" | |
67 text run at (0,100) width 26: "text." | |
68 RenderInline {A} at (0,0) size 34x19 [color=#0000EE] | |
69 RenderText {#text} at (26,100) size 34x19 | |
70 text run at (26,100) width 34: "More" | |
71 RenderText {#text} at (0,0) size 0x0 | |
72 layer at (326,69) size 102x61 clip at (327,70) size 100x59 scrollHeight 179 | |
73 RenderDeprecatedFlexibleBox {DIV} at (318,61) size 102x61 [border: (1px solid
#808080)] | |
74 RenderBlock (anonymous) at (1,1) size 100x59 | |
75 RenderText {#text} at (0,0) size 94x179 | |
76 text run at (0,0) width 69: "Backwards" | |
77 text run at (0,20) width 66: "compatible" | |
78 text run at (0,40) width 67: "truncation. " | |
79 text run at (67,40) width 8: "3" | |
80 text run at (0,60) width 67: "lines on the" | |
81 text run at (0,80) width 94: "latest version of" | |
82 text run at (0,100) width 57: "WebKit. " | |
83 text run at (57,100) width 32: "1 line" | |
84 text run at (0,120) width 50: "on older" | |
85 text run at (0,140) width 65: "versions of" | |
86 text run at (0,160) width 53: "WebKit." | |
87 RenderInline {A} at (0,0) size 34x19 [color=#0000EE] | |
88 RenderText {#text} at (53,160) size 34x19 | |
89 text run at (53,160) width 34: "More" | |
90 RenderText {#text} at (0,0) size 0x0 | |
91 layer at (432,89) size 102x41 clip at (433,90) size 100x39 scrollHeight 139 | |
92 RenderDeprecatedFlexibleBox {DIV} at (424,81) size 102x41 [border: (1px solid
#808080)] | |
93 RenderBlock (anonymous) at (1,1) size 100x39 | |
94 RenderText {#text} at (0,0) size 96x139 | |
95 text run at (0,0) width 96: "30% truncation." | |
96 text run at (0,20) width 82: "No link at the" | |
97 text run at (0,40) width 30: "end. " | |
98 text run at (30,40) width 56: "This is an" | |
99 text run at (0,60) width 66: "example of" | |
100 text run at (0,80) width 45: "ellipsis-" | |
101 text run at (0,100) width 75: "truncation of" | |
102 text run at (0,120) width 84: "multi-line text." | |
103 layer at (538,69) size 102x61 clip at (539,70) size 100x59 scrollHeight 119 | |
104 RenderDeprecatedFlexibleBox {DIV} at (530,61) size 102x61 [border: (1px solid
#808080)] | |
105 RenderBlock (anonymous) at (1,1) size 100x59 | |
106 RenderText {#text} at (0,0) size 97x119 | |
107 text run at (0,0) width 46: "3 lines. " | |
108 text run at (46,0) width 45: "No link" | |
109 text run at (0,20) width 67: "at the end. " | |
110 text run at (67,20) width 25: "This" | |
111 text run at (0,40) width 97: "is an example of" | |
112 text run at (0,60) width 45: "ellipsis-" | |
113 text run at (0,80) width 75: "truncation of" | |
114 text run at (0,100) width 84: "multi-line text." | |
115 layer at (644,48) size 102x82 clip at (645,49) size 100x80 | |
116 RenderDeprecatedFlexibleBox {DIV} at (636,40) size 102x82 [border: (1px solid
#808080)] | |
117 RenderBlock (anonymous) at (1,1) size 100x80 | |
118 RenderText {#text} at (0,0) size 100x79 | |
119 text run at (0,0) width 46: "0 lines. " | |
120 text run at (46,0) width 38: "This is" | |
121 text run at (0,20) width 91: "an invalid value" | |
122 text run at (0,40) width 100: "for -webkit-line-" | |
123 text run at (0,60) width 40: "clamp." | |
124 layer at (8,195) size 102x82 clip at (9,196) size 100x80 | |
125 RenderDeprecatedFlexibleBox {DIV} at (0,187) size 102x82 [border: (1px solid #
808080)] | |
126 RenderBlock (anonymous) at (1,1) size 100x80 | |
127 RenderText {#text} at (0,0) size 100x79 | |
128 text run at (0,0) width 52: "-1 lines. " | |
129 text run at (52,0) width 38: "This is" | |
130 text run at (0,20) width 91: "an invalid value" | |
131 text run at (0,40) width 100: "for -webkit-line-" | |
132 text run at (0,60) width 40: "clamp." | |
133 layer at (114,195) size 102x82 clip at (115,196) size 100x80 | |
134 RenderDeprecatedFlexibleBox {DIV} at (106,187) size 102x82 [border: (1px solid
#808080)] | |
135 RenderBlock (anonymous) at (1,1) size 100x80 | |
136 RenderText {#text} at (0,0) size 94x79 | |
137 text run at (0,0) width 35: "-1%. " | |
138 text run at (35,0) width 56: "This is an" | |
139 text run at (0,20) width 94: "invalid value for" | |
140 text run at (0,40) width 79: "-webkit-line-" | |
141 text run at (0,60) width 40: "clamp." | |
142 layer at (220,135) size 102x142 clip at (221,136) size 100x140 | |
143 RenderDeprecatedFlexibleBox {DIV} at (212,127) size 102x142 [border: (1px soli
d #808080)] | |
144 RenderBlock (anonymous) at (1,1) size 100x140 | |
145 RenderText {#text} at (0,0) size 92x139 | |
146 text run at (0,0) width 37: "150%" | |
147 text run at (0,20) width 67: "truncation. " | |
148 text run at (67,20) width 25: "This" | |
149 text run at (0,40) width 82: "does the least" | |
150 text run at (0,60) width 59: "truncation" | |
151 text run at (0,80) width 53: "possible," | |
152 text run at (0,100) width 58: "truncating" | |
153 text run at (0,120) width 47: "nothing." | |
OLD | NEW |