text-overflow-024.html (925B)
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>Test: text-overflow on tr::before with overflow:hidden</title> 9 <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"> 10 <link rel="help" href="https://www.w3.org/TR/css3-ui/#text-overflow" title="5.2. the 'text-overflow' property"> 11 <link rel="match" href="text-overflow-024-ref.html"> 12 <style type="text/css"> 13 14 tr::before { 15 content: "Some long text here that overflows and whatnot."; 16 display: table-cell; 17 overflow: hidden; 18 white-space: nowrap; 19 text-overflow: ellipsis; 20 } 21 22 </style> 23 </head> 24 <body> 25 PASS if there is an ellipsis at the end of the text below. 26 <table style="table-layout: fixed; width: 130px" cellpadding="0" cellspacing="0"> 27 <tr></tr> 28 </table> 29 30 </body> 31 </html>