CSS是前端開發中一個重要的技術。其中一個很常見的需求是：如果內容太長，希望在容器內只顯示一定的內容，超出的部分隱藏。 這種實現方法非常簡單，只需要在容器的CSS里面添加兩行代碼即可。下面讓我們一起來看看CSS如何設置超出隱藏。 首先，在HTML中添加一個容器，比如一個div或者一個p標簽：

<div class="container">
<p class="content">此處為需要隱藏的長文本。</p>
</div>

然后，在CSS中添加以下代碼：

.container {
width: 300px; // 容器寬度
overflow: hidden; // 超出內容隱藏
}
.content {
font-size: 16px; // 字體大小
line-height: 1.5; // 行高
}

以上代碼中，容器的寬度可以根據實際需求進行調整。CSS的overflow屬性將超出容器的內容進行隱藏。 同時，要注意的是，如果要保持隱藏的內容自動換行，需要在.content的CSS里面添加以下一行代碼：

word-wrap: break-word;

這樣做之后，當內容超出了容器時，就會自動隱藏，并且不會影響其他部分的顯示。 總結一下： 1. 在HTML中添加一個容器，比如一個div或者一個p標簽； 2. 在CSS中設置容器的寬度和overflow屬性； 3. 在CSS中設置內容的字體大小、行高和word-wrap屬性。 以上就是CSS如何設置超出隱藏的方法，希望對大家有所幫助。