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中让多余字符截取的方法，希望对你有所帮助。