layout/reftests/text-overflow/table-cell.html
author Raymond Lee <raymond@raysquare.com>
Mon, 07 Oct 2013 10:39:09 +0800
changeset 160609 647090a079020e22ec6a03060af68147eb794338
parent 74156 2e6cc100d034173b2745990b2e1d8a4f85eda95f
permissions -rw-r--r--
Bug 811287 - Intermittent test_bookmarks_html_corrupt.js | null != null. r=mak, a=test-only

<!DOCTYPE HTML>
<!--
    Any copyright is dedicated to the Public Domain.
    http://creativecommons.org/licenses/publicdomain/

    Test: text-overflow:ellipsis on table-cell
-->
<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;
                text-overflow: ellipsis;
            }
        </style>
    </head>
    <body>
        <div class="table">
            <div class="row">
                <div class="cell">||||||||||||||</div>
            </div>
            <div class="row">
                <div class="cell"><span>||||||||||||||</span></div>
            </div>
        </div>
</body></html>