css - 制作 css （或其他）格式的文本，这样它就不会超出它的边界

Question

我有一个页面应该显示内容。但是，例如，当我有一个长词时，它就会超出边界。

<table><tr><td id="contentholder" width="600px" valign="top">.........

http://jsfiddle.net/gekkeabt/qHPTs/ 你可以明白我的意思

我需要做什么才能将很长的单词剪切并放入新行？

Answer 1

将以下内容添加到#contentholder css：

word-wrap: break-word;

在这里更新了 jsFiddle - http://jsfiddle.net/qHPTs/2/

Answer 2

代码：

#contentholder{
    max-width:600px;
    word-wrap:break-word;
}

并运行：http: //jsfiddle.net/NickWilde/qHPTs/3/

Answer 3

在你的 CSS

#contentholder{
    max-width:600px;
    word-wrap:break-word;
}

Answer 4

添加

word-wrap: break-word;

到

#contentholder

像这样

#contentholder{
max-width:600px;
word-wrap: break-word;
}