with jquery.dotdotdot, how do you truncate a single word when it overflows?
<p>the following fiddle demonstrates the problem:</p>

<p><a href="http://jsfiddle.net/inconduit/2z6Xa/" rel="nofollow">http://jsfiddle.net/inconduit/2z6Xa/</a></p>

<p>this is using jquery.dotdotdot plugin for truncating text with an ellipsis. </p>

<p>when there's a single word like a_really_long_filename_with_no_spaces_at_all.txt that overflows a div, this plugin does not truncate it.  is there any way to make this happen?</p>

<p>the html:</p>

<pre><code>  &lt;div id="wrapper"&gt;this_does_not_truncate_because_there_are_no_spaces&lt;/div&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;div id="wrapper2"&gt;this one has spaces and is truncated properly&lt;/div&gt;
</code></pre>

<p>​
the javascript:</p>

<pre><code> $("#wrapper").dotdotdot({wrap: 'letter'});
 $("#wrapper2").dotdotdot({wrap: 'letter'});
</code></pre>

<p>the css:</p>

<pre><code>#wrapper {
    width: 100px;
    height: 20px;
    border: 1px solid red;
}
#wrapper2 {
    width: 100px;
    height: 20px;
    border: 1px solid red;
}​
</code></pre>
