Stop word-wrap dividing words

Question

body { word-wrap: break-word;}

I've been using that code (above) to fit the text in the body into it's container. However what I don't like about it, is that it breaks up words.

Is there another way where it will not break up words and only line break after or before a word?

EDIT: This is for use within a UIWebView.

user_1432240 · Answer

Please use nowrap and wrap value didn't come for me. nowrap solved the issue.

white-space: nowrap;

user_8158571 · Answer

I had the same problem, I solved it using following css:

.className {
  white-space:pre-wrap;
  word-break:break-word;
}

user_77358 · Answer

For me, the parent was smaller than the word. Adding will break on spaces, but not words :

    word-break: initial;

user_14178545 · Answer

I use this Code for our website to stop the word-breaking:

body {
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

user_10599141 · Answer

Use white-space: nowrap;

CSS white-space Property

user_10294383 · Answer

Word break issue on Firefox browser. So you can use to prevent word-break:

-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;

user_10516929 · Answer

.className {
    hyphens: none;
    word-break: keep-all;
}

user_8187662 · Answer

This helped me with old Webkit - this one from phantomjs 2.1

.table td {
    overflow-wrap: break-spaces;
    word-break: normal;
}