white-space：pre和white-space：pre-line同时写会是什么效果

当同时设置 `white-space: pre` 和 `white-space: pre-line` 时，浏览器会采用后者即 `white-space: pre-line` 的设置，因为它具有更高的优先级。此时，元素中的空白符（包括换行符和空格）将按照普通的 HTML 规则进行处理，即连续的空白符将被合并为一个空格，但是保留换行符。同时，如果在该元素中使用 `<br>` 标签，换行符也会被保留。

相关问题

white-space：pre-line 和 white-space：pre同时写会是什么效果

当同时设置 `white-space: pre` 和 `white-space: pre-line` 时，浏览器会忽略 `white-space: pre-line` 的设置，因为 `white-space: pre` 具有更高的优先级。此时，元素中的空白符（包括换行符和空格）将按照 `white-space: pre` 的设置进行处理，即连续的空白符将被保留，包括换行符。同时，如果在该元素中使用 `<br>` 标签，换行符也会被保留。

white-space: pre-line跟white-space: pre-;的区别

white-space: pre-line 表示保留换行符，但是忽略多余的空格和制表符，并将文本进行换行显示。换行符和连续空格会被合并为一个空格，但是连续制表符不会被合并。

white-space: pre; 表示保留所有空格、制表符和换行符，将文本按照源代码的格式进行显示，即不进行任何换行、空格、制表符的处理。