如何修复文本在屏幕上运行并打破布局而不使用CSS word-break属性?

时间:2014-10-14 15:30:29

标签: html css layout

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

" aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"

评论关闭屏幕并突破布局。解决方案是:

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

但不幸的是,即使是正常的评论也会打破所有评论:

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

如何在不引起第二个问题的情况下修复第一个问题?

1 个答案:

答案 0 :(得分:5)

使用

 word-wrap: break-word;

CSS

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

http://jsfiddle.net/nbafbacL/