html - 如何在不使用 CSS word-break 属性的情况下停止文本跑出屏幕并破坏布局？

Question

我的网站上有一个评论部分，如果用户按下并按住这样的键:

"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"

评论离开屏幕并脱离布局。一个解决方案是这样的:

.comment {
    word-break: break-all;
}

但不幸的是，这会破坏所有评论，甚至是像这样的正常评论:

I just came here to say tha
t the quick brown fox jumped ov
er the lazy dog.

如何在不引起第二个问题的情况下解决第一个问题？

Answer 1

使用

 word-wrap: break-word;

CSS

.breaking{    
    width:500px;
    word-wrap: break-word;
}

http://jsfiddle.net/nbafbacL/