防止文本溢出父容器

Question

我有一个容器div，其中包含一个无序列表，其中包含多个li（为了简单演示，简化为小提琴中的一个）。基本上在李的文本溢出在包含分区，这是奇怪的，因为我加入

white-space:normal

这是为了缓解问题，但显然没有，看http://jsfiddle.net/hQA6u/。

然后我试着给li设定一个宽度，但那也不管用。

基本上，我只是希望李的文字不会超出栗色/棕色的颜色，并将其分成多行。

感谢您的帮助！

Answer 1

jsFiddle

word-wrap:break-word; 

这将这样的伎俩

Answer 2

只需添加“overflow：hidden;”到你的CSS，或者你可以使用“overflow：scroll;”使div可滚动。

希望这会有所帮助。