layout/reftests/text-overflow/table-cell.html

   1 <!DOCTYPE HTML>
   2 <!--
   3     Any copyright is dedicated to the Public Domain.
   4     http://creativecommons.org/licenses/publicdomain/
   5
   6     Test: text-overflow:ellipsis on table-cell
   7 -->
   8 <html><head>
   9 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  10         <title>Test text-overflow:ellipsis on table-cell</title>
  11         <style type="text/css">
  12 @font-face {
  13   font-family: DejaVuSansMono;
  14   src: url(../fonts/DejaVuSansMono.woff);
  15 }
  16 html,body {
  17     color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
  18 }
  19
  20             .table {
  21                 color: black;
  22                 display: table;
  23                 table-layout: fixed;
  24                 height: 5em;
  25                 width: 5em;
  26             }
  27             .row {
  28                 display: table-row;
  29             }
  30             .cell {
  31                 display: table-cell;
  32                 white-space: nowrap;
  33                 overflow: hidden;
  34                 text-overflow: ellipsis;
  35             }
  36         </style>
  37     </head>
  38     <body>
  39         <div class="table">
  40             <div class="row">
  41                 <div class="cell">||||||||||||||</div>
  42             </div>
  43             <div class="row">
  44                 <div class="cell"><span>||||||||||||||</span></div>
  45             </div>
  46         </div>
  47 </body></html>