css省略号前加数字

在CSS中，可以使用text-overflow属性来实现在文本超出容器宽度时显示省略号。如果要在省略号前加数字，可以使用伪元素:before来实现。具体实现方法如下：

div {
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 显示省略号 */
  position: relative; /* 为伪元素定位做准备 */
}

div:before {
  content: "1."; /* 伪元素内容为数字和点号 */
  position: absolute; /* 相对于父元素定位 */
  left: 0; /* 与父元素左对齐 */
}

以上代码将在文本前加上数字1.并显示省略号。