tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

text-overflow-026-ref.html (1419B)

      1 <!DOCTYPE HTML>
      2 <!--
      3     Any copyright is dedicated to the Public Domain.
      4     http://creativecommons.org/publicdomain/zero/1.0/
      5 -->
      6 <html><head>
      7  <meta charset="utf-8">
      8  <title>Reference: text-overflow with leading white-space</title>
      9  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1403986">
     10  <style type="text/css">
     11 html,body {
     12  color:black; background-color:white; font:16px/1 monospace;
     13 }
     14 
     15 .ellipsize {
     16  white-space: nowrap;
     17  overflow: hidden;
     18  text-overflow: ellipsis;
     19  width: 100px;
     20  border: 1px solid;
     21 }
     22 
     23 .inline-block {
     24  display: inline-block;
     25  background: red;
     26 }
     27  </style>
     28 </head>
     29 <body>
     30 
     31 <pre>
     32 The test PASS if all of the following are true:
     33 1. there are no red areas
     34 2. the first two blocks display "PASS" but no ellipsis
     35 3. the last three blocks display an ellipsis
     36 </pre>
     37 
     38 <div class="ellipsize" style="text-overflow: clip">
     39  <span style="margin-left:5px"></span><span class="inline-block" style="background:lime">
     40    PASS PASS PASS PASS PASS</span>
     41 </div>
     42 
     43 <div class="ellipsize" style="text-overflow: clip">
     44  <span style="margin-left:5px"></span>
     45  <span class="inline-block" style="background:lime">
     46    PASS PASS PASS PASS PASS</span>
     47 </div>
     48 
     49 <div class="ellipsize">
     50  <span style="margin-left:10px"></span>&nbsp;&#x2026;
     51 </div>
     52 
     53 <div class="ellipsize">
     54  &nbsp;&#x2026;
     55 </div>
     56 
     57 <div class="ellipsize">
     58  a&#x2026;
     59 </div>
     60 
     61 </body>
     62 </html>