OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 .testDiv { | 4 .testDiv { |
5 width: 200px; | 5 width: 200px; |
6 height: 20px; | 6 height: 20px; |
7 border: 1px solid black; | 7 border: 1px solid black; |
8 white-space: nowrap; | 8 white-space: nowrap; |
9 overflow: hidden; | 9 overflow: hidden; |
| 10 -webkit-transform: translateZ(0); |
10 } | 11 } |
11 | 12 |
12 .forcertl { | 13 .forcertl { |
13 direction: rtl; | 14 direction: rtl; |
14 unicode-bidi: bidi-override; | 15 unicode-bidi: bidi-override; |
15 } | 16 } |
16 | 17 |
17 .ellipses { | 18 .ellipses { |
18 text-overflow:ellipsis; | 19 text-overflow:ellipsis; |
19 } | 20 } |
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
72 the the adlj adaasj sdklj. there there | 73 the the adlj adaasj sdklj. there there |
73 </div> | 74 </div> |
74 | 75 |
75 RTL (text-overflow:ellipses): | 76 RTL (text-overflow:ellipses): |
76 <div id="testRTLEllipses" class="testDiv forcertl ellipses" contenteditable="tru
e"> | 77 <div id="testRTLEllipses" class="testDiv forcertl ellipses" contenteditable="tru
e"> |
77 the the adlj adaasj sdklj. there there | 78 the the adlj adaasj sdklj. there there |
78 </div> | 79 </div> |
79 | 80 |
80 </body> | 81 </body> |
81 </html> | 82 </html> |
OLD | NEW |