Search code examples
cssoperaword-break

Cross-browser word-break - doesn't work in Opera 12

I have this css class for word-break in long texts without spaces.

    .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;
    }

Works for firefix 27, chrome 33, IE 10 and midori 0.43, but not for opera 12. Any suggestions. I am not a css ninja ...

Solution

  • As of Opera 13 your CSS works, see http://caniuse.com/word-break. But there is no support for this rule in Opera 12.

    The better solution would be hypenation. But this works even less via CSS, see http://caniuse.com/css-hyphens.

    So my best guess: You may want to use Javascript like https://code.google.com/p/hyphenator/ to add hyphens to your text.