當網頁制作中遇到以下情況：網頁上多出了三行文字，但是沒有足夠的空間來顯示它們，這時就需要使用 CSS 隱藏這三行文字。

.overflow-hidden-3{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

以上代碼實現了文字行數超出三行時的隱藏。其中，overflow: hidden;設置溢出內容的隱藏，text-overflow: ellipsis;為超出的內容顯示為省略號，-webkit-box-orient: vertical;設置文字的顯示方向為垂直。最重要的是，-webkit-line-clamp: 3;設置最大行數為 3，即當文字超出 3 行時自動隱藏。

在需要進行隱藏文字的地方，添加 CSS 類名.overflow-hidden-3即可實現文本的隱藏。