layout/reftests/text-overflow/table-cell.html@925c144e1f1f
layout/reftests/text-overflow/table-cell.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
1 <!DOCTYPE HTML>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/licenses/publicdomain/
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 }
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>
