在Web開發中，經常會遇到需要隱藏多余的字的情況。比如，我們需要顯示一個過長的標題，但是在標題所在的元素中無法完全顯示，這時候就需要使用CSS來設置多余的隱藏。 CSS提供了多種方法實現多余的字隱藏。比較常用的有以下兩種： 1. overflow屬性 我們可以在CSS中使用overflow屬性來控制元素中多余內容的顯示方式。設置為hidden即可隱藏超出元素范圍的內容。例如： ``` p { width: 200px; /* 元素寬度 */ height: 50px; /* 元素高度 */ overflow: hidden; /* 超出部分隱藏 */ } ``` 這樣，若p元素的內容超出了它的寬度或高度，超出部分將會被隱藏起來。 2. text-overflow屬性 有些情況下，這種水平或垂直滾動的方法不太適用，這時我們也可以使用text-overflow屬性，它能夠控制元素中文字的溢出方式。例如： ``` p { white-space: nowrap; /* 取消換行 */ overflow: hidden; /* 超出部分隱藏 */ text-overflow: ellipsis; /* 溢出部分以省略號的形式顯示 */ } ``` 這樣，當p元素的內容溢出時，溢出部分將以省略號的形式顯示出來。 通過以上兩種方法，我們可以實現多余的字隱藏的效果，讓頁面顯得更加美觀整潔。