css超出文字中间显示...

可以使用CSS的text-overflow属性来实现超出文字中间显示省略号的效果。

1. 设置元素的宽度，让超出部分隐藏。

div {
  width: 100px;
  overflow: hidden;
}

2. 使用text-overflow属性设置超出文字的省略方式为中间显示省略号。

div {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

完整代码如下：

<div class="ellipsis">这是一段超长的文本内容，需要省略显示...</div>

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

效果如下：

这是一...