переполнения текста вне родительского DIV

Question

Я не могу понять, как избежать переполнения текста, как это:

Мой код:

<div class="sidebar"> 
       <div class="well"> 
        <span class="folders_icons"> 
         <a id="add_folder" name="add_folder"> 
         <img src= "Images/Browser/add.JPG" title="add folder" /></a> 
         <a id="remove_folder" name="remove_folder"> 
         <img src="Images/Browser/delete.JPG" title="remove folder" /></a> 
         <a id="rename_folder" name="rename_folder"> 
         <img src="Images/Browser/rename.JPG" title="rename folder" /></a> 
        </span> 
        <h5>My Folders</h5> 
        <div id="jstree"></div> 
       </div> 
      </div> 

Answer 1

Вы можете играть с атрибутом text-overflow CSS.

#jstree { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

• http://www.quirksmode.org/css/textoverflow.html