css 文本溢出省略号

 

单行溢出显示省略号：

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

多行溢出显示省略号：

  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  work-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; //指定行数

 

posted @ 2019-11-28 11:16  X1aoYE  阅读(128)  评论(0)  编辑  收藏  举报