可以使用CSS中的文字截断技术来实现这个效果。使用`text-overflow`属性可以让文本在超出容器宽度时产生省略号。同时,还需要设置`white-space`属性为`nowrap`来防止文字换行。以下是示例代码
.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
使用时,在HTML中添加这个类名即可:
<div class="ellipsis">这是一段较长的文字,会在超出容器宽度的时候产生省略号。</div>