如何在调整大小时隐藏div的溢出字符

Question

我有几个div元素，我想在div调整大小时隐藏溢出字符

到此 每次调整页面大小时如何执行此操作。

我能用CSS做到吗？

Answer 1

只需将以下css添加到包含文本的div：

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

只要文本长于div，就会在行尾添加三个点。

注意：这仅适用于1行文字。