CSS to resolve English characters and an Apache digital word-wrapping

Word-wrap is the control of line-wrapping, preferably: Word-wrap:break-word normal Break-all Keep-all

Break-word: It is mainly used to control whether the word will be forced to change lines, there is no problem in Chinese and English, but for the long string of English is invalid.

Normal: The English word is not taken apart, it is the default value.

Break-all, the main solution to the long string of English problems. It is mainly used to disconnect words. The next letter automatically comes to the next line when the word is to the boundary.

Keep-all refers to the continuous words between Chinese, Japanese and English words. That is, only at this time, without Word-wrap, Chinese will not be changed line. (The English sentence is normal.) ）

ie: using Word-wrap:break-word; all is normal.

FF: If these 2 are not necessary, Chinese will not have any problems. There is no problem with English sentences. However, long string of English will be problematic.

In order to solve long string English, general use Word-wrap:break-word;word-break:break-all; However, this method can cause the words in the ordinary English sentence to be disconnected (ie also).

The best way is to Word-wrap:break-word; Overflow:hidden;

rather than Word-wrap:break-word; Word-break:break-all;

nor is it word-wrap:break-word; Overflow:auto;

(Firefox browser) consecutive English characters and Arabic numerals break, all versions of Firefox did not solve this problem, we have to let go beyond the bounds of the characters to hide or, add a scroll bar to the container

#wrap {word-break:break-all; width:200px; overflow:auto;}

<div id= "Wrap" > Resource Network-focus on Web front-end development and PHP programming design </div>