CSS中，我們經常會遇到一個問題，就是如何截取多余的字符。比如說，我們想要在一行文本中只顯示前20個字符，其他的字符則省略，該怎么辦呢？

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

上面的代碼中，我們使用了三個屬性來實現截取字符的效果：

• overflow: hidden; 用于隱藏超出容器的內容
• text-overflow: ellipsis; 用于在截取的位置添加省略號
• white-space: nowrap; 用于防止文字換行

接下來，我們可以像下面這樣使用剛剛寫的CSS：

<div class="truncate">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>

這樣，我們就可以在這個div中只顯示前面的字符了，其他的字符則被省略，并且在截取的位置添加了省略號。

當然，這不僅僅可以用于一行文本的截取，還可以用于列表和表格等等內容的截取。

這就是CSS中讓多余字符截取的方法，希望對你有所幫助。