在網頁設計中，我們經常遇到需要隱藏文本超出部分的情況。這里介紹一下如何使用css來實現該效果。

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

以上代碼實現了超出部分被隱藏，并用省略號替代的效果。下面進一步解釋每一個屬性的作用。

overflow: hidden;

該屬性用于控制元素超出部分的顯示方式。如果溢出隱藏，則被隱藏的部分將不再可見。

white-space: nowrap;

該屬性指定元素內的空格和換行符如何處理。這里的nowrap表示不自動換行。

text-overflow: ellipsis;

該屬性定義當文本溢出包含它的元素時發生的事情。在本例中，我們使用了省略號（...）來表示被省略的部分。

通過以上代碼，我們可以輕松實現文本超出不顯示的效果，讓我們的網頁看起來更加美觀和整潔。