CSS中的溢出處理是指當一個元素內的內容超出了它們的容器的大小時，如何處理這種情況。通常情況下，瀏覽器會根據容器的大小自動調整內容的大小以及在容器內的位置，但有時我們希望在內容超出容器的情況下，能夠控制其顯示效果。本文將介紹CSS中如何處理超出部分顯示的技巧與方法。
一、 overflow屬性
CSS中，可以使用overflow屬性來處理容器中內容溢出的情況。此屬性有以下四個取值：
二、 text-overflow屬性
text-overflow屬性可以控制如何處理溢出的文本，它只適用於行內區塊級元素或行內元素，因為只有這些元素能夠完成文字的自動換行。
text-overflow有以下三個取值：
三、 white-space屬性
white-space屬性可以控製文字是否自動換行，溢出的文字顯示是否忽略“空格”，以及如何處理“空格”。
此屬性有以下三個取值：
四、 多列佈局column-layout
使用CSS的多列佈局，可以將容器中的內容分成多列進行顯示，避免內容單一一列超出容器的情況。
可以使用column-count屬性來定義多列中的列數；使用column-gap來定義列之間的距離；使用column-rule來定義列之間的邊框樣式等。
五、 強制內聯元素（如圖片）水平排列
某些元素預設是區塊級元素，例如圖片（），它們會單獨佔據一行。如果我們希望將多個圖片放在同一行，可以使用display:inline-block將這些元素轉換為行內元素。
結語
本文介紹了CSS中處理溢出內容的幾種方法，可以透過合理運用這些方法來控制頁面的佈局和顯示效果。如果您對CSS layout想要進一步了解，請參考相關文件資料。
以上是css超出部分顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章！
