父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