在進行開發或者維護樣式表的過程中，我們常常會遇到 CSS 屬性值非常長的情況。如果這些較長的屬性值一直寫成一行，并且沒有換行，代碼可讀性會大大降低。

當屬性值非常長的情況下，為了讓代碼保持可讀性，我們可以通過強制 CSS 屬性值換行來實現。CSS 語言有一個 pre 屬性可以讓整個字符串在保留空格的同時換行，十分適合編寫樣式表。

.navbar {
background-color: #333333;
color: #ffffff;
font-size: 16px;
line-height: 24px;
?   padding: 20px;
margin: 0 auto;
width: 100%;
max-width: 1200px;
?   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

使用 pre 標簽可以避免因為過長的字符串導致代碼不可讀，減少寫作迭代的時間與精力的消耗，是 CSS 編寫的一種實用技巧。