CSS中的文本方面的變換可以實現很多效果，其中一種就是把多行文本變成一行。常常用于導航欄等地方的排版。下面將介紹如何使用CSS實現這種效果。 首先需要用到CSS的white-space屬性，它有數個選項可以控制如何處理連續的空格符和換行符。對于我們的需求，可以使用nowrap選項將文本強制為單行。 在文本所在的元素上添加以下CSS： pre { white-space: nowrap; } 接下來我們創建一個例子，為了對比效果，我們用兩個段落來展示單行和多行文本的效果。

這是一個有多行的段落， 第一行 第二行 第三行

這是一個只有一行的段落

你會看到第一個段落中的三行文本都分別占據了一行，而第二個段落則只有一行。 需要注意的是，由于使用了white-space屬性，原本的換行符被視為普通的空格符而被忽略了，因此如果文本中本來就要有空格符（例如代碼段），需要使用HTML實體字符來轉義。 總結一下，使用white-space屬性可以將多行文本強制為單行，而在HTML中使用實體字符可以避免特殊空格符被忽略。 希望這篇文章對你有所幫助！