CSS设置字数超过限制后以省略号（...）显示

1. 文字超过一行，省略超出部分，显示'...'

用text-overflow:ellipsis属性，同时还需要设置宽度来兼容部分浏览器。

<div class="text-ellipsis">这段文本内容太长了，需要显示省略号</div>

.text-ellipsis {
  width: 200px; /* 定义容器宽度 */
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden; /* 内容溢出时隐藏 */
  text-overflow: ellipsis; /* 使用省略号显示文本溢出 */
}