Html 如果文本溢出，则显示内容Div

我想知道我是否可以用纯CSS来实现这一点！：现在我的问题是，如果一个div溢出，我可以显示3个点吗？我的意思是，假设我有一个很长的文本行，它比div的宽度长。如果它比div的宽度长，那么它的其余部分将隐藏，并在其“位置”显示3个点。我是否可以简单地在div overflow上显示内容？

是的。摘自：

小提琴

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