title: with jquery.dotdotdot, how do you truncate a single word when it overflows?
body: <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>