layout/tables/reftests/dynamic-text-overflow-table-cell.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3   <table style="table-layout: fixed; width: 130px">
   4     <tr>
   5       <td style="overflow: hidden; white-space: nowrap;">
   6         Some long text that cannot possibly fit in 130 px, because it just can't.
   7       </td>
   8     </tr>
   9   </table>
  10   <script>
  11     onload = function() {
  12       var td = document.querySelector("td");
  13       // Make sure layout has happened.
  14       var width = td.offsetWidth;
  15       td.style.textOverflow = "ellipsis";
  16       document.documentElement.className = "";
  17     }
  18   </script>
  19 </html>