文本单行显示,或多行显示超出部分用省略号代替

常用代码记录
  • 单行显示
//单行
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
  • 多行显示
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
//行数
-webkit-line-clamp: 2;
overflow: hidden;

你可能感兴趣的:(文本单行显示,或多行显示超出部分用省略号代替)