一、常用易忘
1.文本换行
word-wrap:
break
-word;
- normal:默认属性值,表示文本不受限制,可以超出边界;
- break-word:表示当文本超出边界时,自动将单词截断换行,但如果单词本身就很长,仍然会超出边界;
- anywhere:表示文本可以在任何地方换行;
- overflow-wrap:表示文本可以在“单词”周围换行,如果遇到长单词,则截断换行。
word-wrap并不总是理想的解决方案,因为有时候要避免截断一个单词,而是希望它在任何地方换行。在这种情况下,我们可以使用word-break属性。
word-
break
:
break
-all;
- normal: 默认属性值,表示文本受限,不允许在单词中间截断。
- break-all:表示任意位置换行,甚至可以在单词中间断开。但是会破坏单词完整性,不建议使用。
- keep-all:表示文本只在空格或连字符处断开,适用于亚洲语言等不使用空格的语言。
white-space: pre;
white-space是CSS中用来控制文本中空格和换行的属性。它有以下几种取值:
- normal:默认属性值,表示文本中多个空格和换行都会被合并为一个空格;
- pre:表示文本中多个空格和换行都会被保留,不会被合并;
- nowrap:表示文本不会被自动换行。
- pre-wrap:表示文本中多个空格和换行会被保留,但是会自动换行,不会出现水平滚动条。
- pre-line:表示文本中多个空格会被合并成一个空格,但是换行会被保留,会自动换行,不会出现水平滚动条。