css实现文字显示超出部分使用....代替

CSS 中可以使用 `text-overflow` 属性和 `ellipsis` 或 `...` 来处理文本溢出的情况。当你设置元素的文本内容超过其容器尺寸时，`text-overflow` 控制省略标记的显示。常见的值有：

1. `ellipsis`: 默认值，显示省略号 (`…`)。
2. `clip`: 文本会被剪切，超出的内容不会显示。
3. `hidden`: 超出的部分会被隐藏起来，不留痕迹。

例如，在 CSS 中的样式设置如下：

.text-trunc {
  white-space: nowrap; /* 防止换行 */
  overflow: hidden; /* 如果文本溢出，则隐藏 */
  text-overflow: ellipsis; /* 显示省略号 */
  width: 100px; /* 设置元素宽度，让文本溢出 */
}

当将这个类添加到需要限制长度并展示省略号的文本元素上时，超出的部分就会自动替换为 `...`。