使文本成为div大小

Question

我正在努力解决这个问题。我试图在下面的小提琴左侧列出一个列表：

http://jsfiddle.net/KH45Y/72/。

<div id="left">
    <ul id="myList">
    </ul>
</div>

当项目名称很短时很好，但是当我尝试使用长名称时，它们会越过正确的div。

如果列表项名称保留在左侧div上，即使它们是内联的，也是如何使用？

Answer 1

检查此fiddle

word-break: break-all;

诀窍

Answer 2

如果您只是在项目名称中放置了一个空格，您希望该行空间可以自动为您执行此操作：

http://jsfiddle.net/jofish999/KH45Y/73/

即

var textnode = document.createTextNode("ContactContactContact MoreTextOhNo"+i);

这里有空格来打破这条线 ^