css换行总结

word-wrap

• normal:默认属性值，表示文本不受限制，可以超出边界；
• break-word:表示当文本超出边界时，自动将单词截断换行，但如果单词本身就很长，仍然会超出边界；
• anywhere:表示文本可以在任何地方换行；
• overflow-wrap:表示文本可以在“单词”周围换行，如果遇到长单词，则截断换行。

word-break

• normal: 默认属性值，表示文本受限，不允许在单词中间截断。
• break-all:表示任意位置换行，甚至可以在单词中间断开。但是会破坏单词完整性，不建议使用。
• keep-all:表示文本只在空格或连字符处断开，适用于亚洲语言等不使用空格的语言。

white-space

• normal:默认属性值，表示文本中多个空格和换行都会被合并为一个空格；
• pre:表示文本中多个空格和换行都会被保留，不会被合并；
• nowrap:表示文本不会被自动换行。
• pre-wrap:表示文本中多个空格和换行会被保留，但是会自动换行，不会出现水平滚动条。
• pre-line:表示文本中多个空格会被合并成一个空格，但是换行会被保留，会自动换行，不会出现水平滚动条。