使用CSS的text-overflow属性。
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: 5em;
}先将white-space属性设置为nowrap，这样可以防止文本换行。然后将overflow属性设置为hidden，以便隐藏超过部分的文本。最后设置text-overflow属性为ellipsis，就可以在超过部分显示省略号。我们还将元素的display属性设置为inline-block，这样它就可以在同一行内显示，并将max-width属性设置为5em，即最多显示5个汉字长度。
