line-clipping.html (785B)
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>