跨浏览器的分词 - 在Opera 12中不起作用

Question

我在没有空格的长文本中有这个css类用于分词。

    .wrapword{
        white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        white-space: pre-wrap;       /* css-3 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
        word-break: break-all;
        white-space: normal;
    }

适用于firefix 27，chrome 33，IE 10和midori 0.43，但不适用于opera 12。 有什么建议。我不是一个css忍者...

Answer 1

从Opera 13开始，您的CSS可以使用，请参阅http://caniuse.com/word-break。但是在Opera 12中没有支持这个规则。

更好的解决方案是夸张。但是这可以通过CSS更少地工作，请参阅http://caniuse.com/css-hyphens。

所以我最好的猜测：您可能希望使用https://code.google.com/p/hyphenator/之类的Javascript为您的文字添加连字符。