HTML中的自动分隔线

Question

我一直在做评论框，看到我的评论后我遇到了问题。我想要的是当它超过容器时让我的评论自动断行，但我现在得到的是一条直线。

例如：

tttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

我希望我的文字可以是这样的：

ttttttttttttt
ttttttttttttt 
ttttttttttttt 
ttttttttttttt 

我应该使用什么来使我的文字自动断行？

Answer 1

听起来好像是word-wrap: break-word以及它的跨浏览器变体。

请参阅：https://developer.mozilla.org/en/CSS/white-space

selector {
      word-wrap: break-word;      /* IE 5.5-7 */
      white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
      white-space: pre-wrap;      /* current browsers */
}

演示：http://jsfiddle.net/MCj6s/

Answer 2

尝试使用字符串替换：

$line_broken = str_replace("\n", "<br />", $comment);

但是如果没有看到你的代码就很难说。

Answer 3

不知道如何在没有大量PHP的情况下自动断行。您可以考虑将CSS overflow: hidden;或overflow: auto;用于评论容器。