layout/reftests/text-overflow/aligned-baseline-ref.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/text-overflow/aligned-baseline-ref.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,100 @@
     1.4 +<!DOCTYPE html>
     1.5 +<html>
     1.6 +    <head>
     1.7 +        <title>Testcase for bug 668919</title>
     1.8 +
     1.9 +<style>
    1.10 +.tab-title {
    1.11 +  overflow:hidden;
    1.12 +  text-overflow: ellipsis;
    1.13 +  white-space: nowrap;
    1.14 +  width: 5em;
    1.15 +  height:25px;
    1.16 +}
    1.17 +
    1.18 +.c1 { font-size: 14px; }
    1.19 +.c2 { font-size: 15px; }
    1.20 +.c3 { font-size: 16px; }
    1.21 +.c4 { font-size: 17px; }
    1.22 +.c5 { font-size: 18px; }
    1.23 +.c6 { font-size: 19px; }
    1.24 +.c7 { font-size: 20px; }
    1.25 +.c8 { font-size: 24px; }
    1.26 +.c9 { font-size: 28px; }
    1.27 +.c10 { font-size: 32px; }
    1.28 +.c11 { font-size: 36px; }
    1.29 +
    1.30 +.p0  { padding-top:0; }
    1.31 +.p1  { padding-top:0px; }
    1.32 +.p2  { padding-top:0px; }
    1.33 +
    1.34 +.col2 .tab-title { text-shadow: 1px 1px 1px blue; }
    1.35 +</style>
    1.36 +    </head>
    1.37 +<body>
    1.38 +
    1.39 +<div style="position:absolute; top: 0px;">
    1.40 +<div class="tab-title c1 p0">CSS is awesome</div>
    1.41 +<div class="tab-title c1 p2">CSS is awesome</div>
    1.42 +<div class="tab-title c1 p3">CSS is awesome</div>
    1.43 +</div>
    1.44 +
    1.45 +<div style="position:absolute; top: 100px;">
    1.46 +<div class="tab-title c2 p0">CSS is awesome</div>
    1.47 +<div class="tab-title c2 p2">CSS is awesome</div>
    1.48 +<div class="tab-title c2 p3">CSS is awesome</div>
    1.49 +</div>
    1.50 +
    1.51 +<div style="position:absolute; top: 200px;">
    1.52 +<div class="tab-title c3 p0">CSS is awesome</div>
    1.53 +<div class="tab-title c3 p2">CSS is awesome</div>
    1.54 +<div class="tab-title c3 p3">CSS is awesome</div>
    1.55 +</div>
    1.56 +
    1.57 +<div style="position:absolute; top: 300px;">
    1.58 +<div class="tab-title c4 p0">CSS is awesome</div>
    1.59 +<div class="tab-title c4 p2">CSS is awesome</div>
    1.60 +<div class="tab-title c4 p3">CSS is awesome</div>
    1.61 +</div>
    1.62 +
    1.63 +<div style="position:absolute; top: 400px;">
    1.64 +<div class="tab-title c5 p0">CSS is awesome</div>
    1.65 +<div class="tab-title c5 p2">CSS is awesome</div>
    1.66 +<div class="tab-title c5 p3">CSS is awesome</div>
    1.67 +</div>
    1.68 +
    1.69 +<div class="col2" style="position:absolute; top: 0px; left:8em;">
    1.70 +<div style="position:absolute; top: 0px;">
    1.71 +<div class="tab-title c1 p0">CSS is awesome</div>
    1.72 +<div class="tab-title c1 p2">CSS is awesome</div>
    1.73 +<div class="tab-title c1 p3">CSS is awesome</div>
    1.74 +</div>
    1.75 +
    1.76 +<div style="position:absolute; top: 100px;">
    1.77 +<div class="tab-title c2 p0">CSS is awesome</div>
    1.78 +<div class="tab-title c2 p2">CSS is awesome</div>
    1.79 +<div class="tab-title c2 p3">CSS is awesome</div>
    1.80 +</div>
    1.81 +
    1.82 +<div style="position:absolute; top: 200px;">
    1.83 +<div class="tab-title c3 p0">CSS is awesome</div>
    1.84 +<div class="tab-title c3 p2">CSS is awesome</div>
    1.85 +<div class="tab-title c3 p3">CSS is awesome</div>
    1.86 +</div>
    1.87 +
    1.88 +<div style="position:absolute; top: 300px;">
    1.89 +<div class="tab-title c4 p0">CSS is awesome</div>
    1.90 +<div class="tab-title c4 p2">CSS is awesome</div>
    1.91 +<div class="tab-title c4 p3">CSS is awesome</div>
    1.92 +</div>
    1.93 +
    1.94 +<div style="position:absolute; top: 400px;">
    1.95 +<div class="tab-title c5 p0">CSS is awesome</div>
    1.96 +<div class="tab-title c5 p2">CSS is awesome</div>
    1.97 +<div class="tab-title c5 p3">CSS is awesome</div>
    1.98 +</div>
    1.99 +</div>
   1.100 +
   1.101 +
   1.102 +</body>
   1.103 +</html>

mercurial