CSS (Cascading Style Sheets) 是一種用于描述文檔展示樣式的語言。在 Web 開發過程中，我們經常需要控制文本的顯示，比如控制文本的字體、大小、顏色、對齊方式等等。但是，在一些情況下，文本過長會導致頁面布局的混亂，這時就需要使用 CSS 的溢出文本隱藏技術來解決這個問題了。

溢出文本隱藏技術通常分為兩種情況：一種是隱藏多于一行的文本，一種是隱藏一行文本。下面我們分別介紹這兩種情況下的 CSS 實現方法。

/* 隱藏多行文本 */
.overflow-text {
overflow: hidden;  /* 超出部分隱藏 */
text-overflow: ellipsis;  /* 超出部分用省略號代替 */
display: -webkit-box;  /* 將內容裝進一個定高的盒子 */
-webkit-box-orient: vertical;  /* 設置內容為垂直排列 */
-webkit-line-clamp: 3;  /* 顯示3行文本 */
}
/* 隱藏一行文本 */
.overflow-text {
overflow: hidden;  /* 超出部分隱藏 */
text-overflow: ellipsis;  /* 超出部分用省略號代替 */
white-space: nowrap;  /* 不換行 */
}

以上就是兩種情況下的 CSS 實現方法。值得注意的是，正如示例中所看到的，為了更好的兼容性，我們需要針對不同的瀏覽器添加前綴。