css 内容只显示前5个字符

使用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个汉字长度。