CSS 问题，超长字符会超出边界，如何解决

Question

发这种重复的字符就变这样了。。。

Answer 1

一般情况下，没有空格是不会换行的，但是指定word-wrap:break-word就可以了

Answer 2

强制换行吧，一般情况下不可能会有这样的单词出现。更多的是测试人员在处理。
如果不想强制换行，那么就只有阶段了。

就目前而言，CSS中没有属性可以直接判断出现断行符。依稀记得webkit中有一个私有属性是可以的，但好像没测试成功过。

http://lab.linxz.de/word_break.html

一个小玩意，测试强制换行的。

Answer 3

试试以下代码，不过在ie6中要给容器设定宽度

.text-overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}