from: http://wayfoon.iteye.com/blog/182041
word-break: Break-all and word-wrap: break-word can automatically wrap the content of its container such as Div. their differences are: 1. Word-break: Break-all, for example, div width: 200px, its content will be automatically wrapped at PX. If there is a long English word (congratulation, etc.) at the end of the line, it will cut off the word, the end of the row is CONRA (front-end part of congratulation), and the next row is the back-end part of tulation (conguatulation. 2. The word-wrap: Break-word example is the same as above, however, the difference is that it regards the entire congratulation word as a whole. If the end width of the row is not enough to display the entire word, it will automatically put the entire word in the next row without truncating the word. word-break; break-all supports version: ie5 and above are the same as normal in Asian languages. It also allows non-Asian text lines to be broken in any word. This value is suitable for Asian texts that contain non-Asian texts. word-wrap: Break-word supported versions: ie5.5 and above will be wrapped in a line break within the boundary. If necessary, the line feed (Word-break) also occurs. |