letter-spacing

It can be used to control the spacing between characters, including English letters, Chinese characters and Spaces.

It has the following features:

(1) Inheritance (2The default value is normal instead of0. Although in the normal case, the value of normal is0But there are differences between the two. In some scenarios, letter-spacing adjusts the normal calculation for better layout. (3) supports negative values and, when large enough, causes characters to overlap or even reverse order (4) supports small values, even if0.1px is also supported. (5) percentage values are not supported.Copy the code

word-spacing

Letter-spacing applies to all characters, but word-spacing only applies to spacing characters, which only increases the spacing

white-space

Used to deal with white Space characters in elements, such as Space, Enter, and Tab. Therefore, white-space can decide whether text content is displayed on a single line (whether carriage return Spaces are valid or not), whether large chunks of consecutive white space are displayed (whether carriage return Spaces are valid or not), and so on.

Its attribute values include the following. Normal: merges whitespace and newline characters. Pre: Whitespace characters are not merged, and content is wrapped only where there is a newline character. Nowrap: This value incorporates whitespace characters as normal does, but does not allow text wrapping. Pre-wrap: Whitespace characters are not combined, and content is wrapped only where there are newlines, while allowing text wrapping. Pre-line: merges whitespace characters, but only wraps lines where there are newlines, allowing text wrapping.Copy the code