防止文本溢出父容器

时间:2013-06-23 00:39:03

标签: html css

我有一个容器div,其中包含一个无序列表,其中包含多个li(为简单演示而简化为小提琴中的一个)。基本上,li中的文字溢出了包含div,这很奇怪,因为我添加了

white-space:normal

应该可以缓解这个问题,但显然没有,请参阅http://jsfiddle.net/hQA6u/

然后我尝试给li一个设定的宽度,但这也不起作用。

基本上,我只是希望li的文字不会延伸过栗色/棕色,并让它分成多行。

感谢您的帮助!

2 个答案:

答案 0 :(得分:3)

只需添加“overflow:hidden;”你的css,或者你可以使用“溢出:滚动;”使div可滚动。

希望这有帮助。

答案 1 :(得分:3)

jsFiddle

word-wrap:break-word;

这将解决问题