Wrap text in a div when it's out of line

First, for the Div force line break
1. (ie browser) white-space:normal; Word-break:break-all; The former follows the standard.
#wrap {white-space:normal; width:200px;}
Or
#wrap {word-break:break-all;width:200px;}

2. (Firefox browser) white-space:normal; Word-break:break-all;overflow:hidden;

The same FF also does not have a good implementation method, can only hide or add scroll bar, of course, no scroll bar effect better!
#wrap {white-space:normal; width:200px; overflow:auto;}
Or
#wrap {word-break:break-all;width:200px; overflow:auto;}

Second, for table forced line break
1. (ie browser) using style table-layout:fixed;

2. (IE) using styles table-layout:fixed and nowrap

3. (IE) use the style table-layout:fixed and nowrap in the case of fixed TD size using percentages

4. (Firefox browser) use the style table-layout:fixed with nowrap when using a percentage of fixed TD size, and use Div.

--------------------------------------------------------------------------------------------------------------- --------------------

Three, mandatory non-line: div{white-space:nowrap;}

Iv. Automatic line-wrapping: div{word-wrap:break-word; word-break:normal;}

compulsory English word breaking: div{word-break:break-all;}

Wrap text in a div when it's out of line