title: HTML text-overflow ellipsis detection
body: <p>I have a collection of block elements on a page. They all have the CSS rules white-space, overflow, text-overflow set so that overflowing text is trimmed and an ellipsis is used.</p>
  
  <p>However, not all the elements overflow.</p>
  
  <p>Is there anyway I can use javascript to detect which elements are overflowing?</p>
  
  <p>Thanks.</p>
  
  <p>Added: example HTML structure I am working with.</p>
  
  <pre><code>&lt;td&gt;&lt;span&gt;Normal text&lt;/span&gt;&lt;/td&gt;
  &lt;td&gt;&lt;span&gt;Long text that will be trimmed text&lt;/span&gt;&lt;/td&gt;
  </code></pre>
  
  <p>The SPAN elements always fit in the cells, they have the ellipsis rule applied. I want to detect when the ellipsis is applied to the text content of the SPAN.</p>