css 超出显示省略号

/* 单行超出显示省略号 */
#div {
      width: 200px;
      overflow: hidden;  /* 隐藏超出的文本 */
      text-overflow: ellipsis;  /* 用省略号替代被修剪的文本 */
      white-space: nowrap;  /* 控制文本不换行 */
}
效果图
/* webkit内核专用（移动端） --- 多行显示省略号*/
#div2 {
      width: 200px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;/* 要几行后显示省略号 */
      overflow: hidden;
}
效果图
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容