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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

<!DOCTYPE HTML>
<!--
    Any copyright is dedicated to the Public Domain.
    http://creativecommons.org/licenses/publicdomain/
-->
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <title>Test text-overflow:ellipsis on table-cell</title>
        <style type="text/css">
@font-face {
  font-family: DejaVuSansMono;
  src: url(../fonts/DejaVuSansMono.woff);
}
html,body {
    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
}


            .table {
                color: black;
                display: table;
                table-layout: fixed;
                height: 5em;
                width: 5em;
            }
            .row {
                display: table-row;
            }
            .cell {
                display: table-cell;
                white-space: nowrap;
                overflow: hidden;
            }
        </style>
    </head>
    <body>
        <div class="table">
            <div class="row">
                <div class="cell">|||||||&#x2026;</div>
            </div>
            <div class="row">
                <div class="cell"><span>|||||||&#x2026;</span></div>
            </div>
        </div>
</body></html>