使文本成为div大小

时间:2015-05-31 11:57:30

标签: html css

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

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

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

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

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

2 个答案:

答案 0 :(得分:2)

检查此fiddle

word-break: break-all;

诀窍

答案 1 :(得分:0)

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

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

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

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