How CSS text is folded in the line introduction

White-space: Property sets how to handle whitespace (whitespace, newline, and tab characters) within an element.

Normal defaults. Whitespace will be ignored by the browser.

The pre blank is reserved by the browser. It behaves like an HTML

 Label.


Label.
Pre-wrap preserves the sequence of whitespace characters, but normally wraps the line.
Pre-line merges a sequence of whitespace characters, but preserves line breaks.
Inherit specify that the value of the White-space attribute should be inherited from the parent element.
Word-wrap: Sets or retrieves whether a career change is broken when the current row exceeds the bounds of the specified container.
Normal controls continuous text wrapping.
The Break-word content wraps within the boundary. If necessary, word wrapping (Word-break) will also occur.
Word-break: Sets or retrieves the word wrapping behavior within the text within an object. Especially when it comes to multiple languages. For Chinese, you should use Break-all.
Normal is allowed to wrap in words according to the Asian and non-Asian language text rules.
Break-all This behavior is the same as the normal for Asian languages. Also allows any word in a non-Asian text line to be disconnected.
This value is appropriate for Asian text that contains some non-Asian text.
Keep-all is the same as for all non-Asian languages. For Chinese, Korean, Japanese, word is not allowed to break. For non-Asian text that contains a small amount of Asian text.