div长度 显示省略号

您可以使用CSS属性 `text-overflow` 来实现在元素内容超出长度时显示省略号。结合 `overflow: hidden` 和 `white-space: nowrap` 属性，可以限制元素的宽度并防止换行。

下面是一个示例代码：

<style>
  .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px; /* 设置元素宽度 */
  }
</style>

<div class="ellipsis">这是一个超长的文本内容，当内容超出指定宽度时，将显示省略号。</div>

在上述示例中，我们给 `div` 元素添加了一个类名 `.ellipsis`，并设置了宽度为 200px。当文本内容超出这个宽度时，将被隐藏并显示省略号。