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