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

Question

我想知道我是否可以使用 PLAIN CSS 来做到这一点！ :D 现在我的问题是，如果 div 溢出，我是否可以显示 3 个点 (...)？我的意思是说我有一行很长的文本，而且比 div 的宽度还要长。如果它比 div 的宽度长，那么它的其余部分将被隐藏，并在其位置显示 3 个点。无论如何我可以简单地做到这一点，在 div 溢出时显示内容？

Answer 1

是的。取自css-tricks：

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

小提琴here。