在 CSS 中，變量已經成為自定義屬性的一種新形式，可以用來重新使用值并提高代碼的可維護性。但是，在使用變量時，有時候我們需要在它們的值中包含換行符，這也就需要我們了解如何在 CSS 中識別變量中的換行符。 要在 CSS 中包含換行符，我們需要使用 Unicode 轉義序列，例如 `\00000a` 表示一個換行符。然而，當我們將 Unicode 轉義序列設置為變量值時，CSS 引擎并不會將其解析為實際的換行符而是作為普通的字符串。 為了避免這個問題，我們可以使用 CSS 預處理器來處理變量值。例如，在 Sass 中，我們可以使用 `#{}` 插值語法，如下所示：

$text: "Hello,#{"\000a"}world!";
 p {
white-space: pre-wrap;
content: #{$text};
 }

在這個例子中，我們在變量 `$text` 中使用了插值語法，來將 Unicode 轉義序列 “\00000a” 插入到字符串中。然后，我們將變量的值設置為 `content` 屬性的值，并使用 `white-space: pre-wrap` 來保留字符串中的空格和換行符。 在 CSS 中識別變量中的換行符并不是一件易事，但如果我們使用 CSS 預處理器來處理變量，則可以使我們的代碼更加的易于維護和可讀。最后，我們建議使用 `white-space: pre-wrap` 屬性來保留字符串中的空格和換行符以呈現更清晰的代碼。