table-cell.html (1329B)
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>