使用CSS進行分行顯示是一項非常有用的技巧，可以幫助我們在Web開發中更好地控制文本和其他元素的布局。這種技術可以讓我們更好地管理文本的長度、字體大小以及對齊方式等方面，使得我們的網頁更加美觀、易讀。 要想實現分行顯示，我們需要使用一些基本的CSS屬性，比如“white-space”、“word-wrap”、“overflow”和“text-overflow”。接下來，我們將詳細介紹每個屬性的用途及如何使用它們。 首先，我們來看“white-space”屬性。這個屬性可以控制元素內的空格和換行符如何處理。默認情況下，HTML會忽略多余的空格和換行符，將文本壓縮到一行中。如果我們想在文本中添加換行符，可以將“white-space”屬性設置為“pre-wrap”。這將生成一個預格式化文本塊，忽略所有的自動換行符，并根據內容中的空格和換行符來劃分行。

p {
white-space: pre-wrap;
}

接下來，我們來看“word-wrap”屬性。這個屬性可以控制單詞的換行。默認情況下，如果一個單詞超出了其容器的寬度，它會從容器的邊緣突出，并破壞布局。如果我們想強制單詞換行，可以將“word-wrap”屬性設置為“break-word”。

p {
word-wrap: break-word;
}

然后，我們來看“overflow”屬性。這個屬性可以控制元素溢出其容器時如何處理。默認情況下，容器會自動調整大小以適應其內容，但如果這不可行，內容將被隱藏。如果我們想強制顯示所有的文本內容，可以將“overflow”屬性設置為“visible”。

p {
overflow: visible;
}

最后，我們來看“text-overflow”屬性。這個屬性可以控制溢出元素中文本的后果。默認情況下，內容會被隱藏，我們可以使用“text-overflow”屬性中的“ellipsis”來表示省略號。

p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

通過上述CSS屬性的不同組合，我們可以實現各種分行顯示效果，以適應不同的網頁布局和設計要求。