|
1 <!DOCTYPE HTML> |
|
2 <!-- |
|
3 Any copyright is dedicated to the Public Domain. |
|
4 http://creativecommons.org/licenses/publicdomain/ |
|
5 |
|
6 Test: When we have multiple lines of text with "text-overflow: ellipsis", |
|
7 an ellipsis on one line shouldn't affect the other lines. |
|
8 --> |
|
9 <html> |
|
10 <head> |
|
11 <title>Testcase for bug 886313</title> |
|
12 <style type="text/css"> |
|
13 @font-face { |
|
14 font-family: DejaVuSansMono; |
|
15 src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff); |
|
16 } |
|
17 .test { |
|
18 font: 16px DejaVuSansMono; |
|
19 text-overflow:ellipsis; |
|
20 overflow: hidden; |
|
21 width:55px; |
|
22 border: 1px solid black; |
|
23 margin-bottom: 2px; |
|
24 } |
|
25 </style> |
|
26 </head> |
|
27 <body> |
|
28 <div class="test">well, hello world</div> |
|
29 <div class="test">well, hello world!</div> |
|
30 <div class="test">well, helloo world</div> |
|
31 </body> |
|
32 </html> |