Html 文本溢出时显示三个点（省略号）

如果文本在其容器内的单行中溢出，我想显示一个省略号。是否必须应用CSS属性才能执行此操作？

应用下面的CSS3属性

text-overflow: ellipsis;

---

将以下类应用于要截断并添加省略号的文本

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

---

为您的元素尝试以下操作： 文本溢出：省略号

您还必须声明溢出：隐藏；这样，浏览器就知道如何将文本的尺寸限制在容器大小内，以及从何处开始文本溢出行为

这里演示

div {
    text-overflow: ellipsis;
}