小程序 文本溢出用省略号代替

1.使用text标签包裹文字

2.单行溢出

.类名{
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;                     
}

　　

3.多行溢出

.类名{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-cliamp:2;  // 设置行数
  word-break:break-all;
  overflow:hidden;
  text-overflow:ellipsis;                     
}

4.display:flex与以上样式不能同时设置