css 数字超出显示省略号

当文本内容超出容器宽度时，可以使用CSS的`text-overflow`属性来实现数字超出显示省略号的效果。具体步骤如下：

1. 首先，确保容器的宽度是固定的或者限制了最大宽度。
2. 设置容器的`overflow`属性为`hidden`，这样超出容器宽度的内容将被隐藏。
3. 使用`white-space`属性来控制文本的换行方式。常用的值有：
- `nowrap`：不换行，将文本内容放在一行显示。
- `normal`：默认值，根据容器宽度自动换行。
4. 设置容器的`text-overflow`属性为`ellipsis`，表示超出部分显示省略号。
5. 最后，为了让省略号显示出来，需要设置容器的宽度小于文本内容的宽度。

下面是一个示例代码：

<style>
  .container {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
</style>

<div class="container">
  12345678901234567890
</div>

这样，当文本内容超出容器宽度时，会显示为"12345..."，其中的省略号表示被省略的部分。