CSS line breaks

In the project, often encountered some problems, can be quickly resolved through the CSS, such as affected by the layout will cause content overflow, this time you can use CSS wrap to solve

Wrap line: {Word-wrap:break-word;}

Force No Line break: {white-space:nowrap;}

Allow word breaks within English words: {word-break:break-all;}

word-wrap: Normal (line break only at allowable hyphenation points)

Break-word (allow line wrapping within long words or URLs)

white-space: Normal (blank will be ignored by the browser)

Pre (blank will be reserved by the browser)

NoWrap (text will not wrap until you meet <br/>)

Pre-wrap (preserves a sequence of whitespace characters, but will wrap normally)

Pre-line (combines whitespace sequences but preserves newline characters)

word-break: normal (browser default line-wrapping rule)

Break-all (allow line wrapping within a word)

Keep-all (can only wrap at half-width spaces or hyphens)

CSS line breaks