CSS是前端開發中常用的樣式表語言，有很多功能可以使用。有時候，我們需要隱藏超出文本的部分，那么如何實現這一功能呢？下面就來介紹一下。 首先，我們可以使用CSS的text-overflow屬性來實現這一功能。該屬性可以控制文本在超出容器寬度時的顯示方式。我們可以參數ellipsis，將超出部分省略，如下所示： pre { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 上面的代碼中，white-space: nowrap用來避免文本溢出容器；overflow:hidden可以控制顯示范圍，只顯示容器范圍內，超出部分被隱藏；text-overflow: ellipsis可以將超出部分顯示為省略號。 除了上面的方法，我們還可以使用word-wrap屬性和display屬性實現高度靈活的文本溢出控制。具體代碼如下： p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; word-wrap: break-word; max-height: 1.5em; line-height: 1.5em; } 上面的代碼中，我們使用max-height和line-height屬性來控制限制文本高度，并使用word-wrap: break-word來換行并避免文本溢出容器。 總之，以上兩種方法都可以用來隱藏超出文本，并使頁面更美觀。當然，在實際使用中，我們應該根據具體需要來選擇合適的方法。