layout/reftests/text-overflow/line-clipping.html

   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>