#书摘 #css #前端
《CSS 世界》white-space 与换行和空格的控制
white-space 属性声明了如何处理元素内的空白字符，这类空白字符包括 Space 键、Enter 键、Tab 键产生的空白。因此，white-space可以决定图文内容是否在一行显示（回车空格是否生效），是否显示大段连续空白（空格是否生效）等。其属性值包括下面这些
- normal ：合并空白字符和换行符。
- pre ：空白字符不合并，并且内容只在有换行符的地方换行。
- nowrap ：该值和normal一样会合并空白字符，但不允许文本环绕。
- pre-wrap ：空白字符不合并，并且内容只在有换行符的地方换行，同时允许文本环绕。
- pre-line ：合并空白字符，但只在有换行符的地方换行，允许文本环绕。

从上面的解释我们可以看出，white-space 的功能分 3 个维度，分别是：是否合并空白字符，是否合并换行符，以及文本是否自动换行。于是我们就可以得到一个更加直观的功能表，如表8-2所示（p2）

1. 合并空格：会让多个空格变成1个，也就是我们平常看到的效果，敲了10个空格，结果页面就1个空格。
2. 合并换行：会把多个连续换行合并成1个，并当作1个普通空格处理，就是键盘空格键敲出来的那个空格。
3. 文本环绕：一行文字内容超出容器宽度时，会自动从下一行开始显示。