CSS单行文本和多行文本省略号设置

// 单行文本溢出省略号 
span{
  white-space: nowrap;/*设置不换行*/
  overflow: hidden;/*设置隐藏*/
  text-overflow: ellipsis;/*省略号*/
  display: block;/*本身如果是块级元素可以省略此行*/
}

// 多行文本溢出省略号 
span{
   /* 显示方式，webkit内核 */
  display: -webkit-box;
  overflow: hidden; 
  text-overflow: ellipsis; 
  /*对齐方式*/
  -webkit-box-orient: vertical;
  /*行数，想第几行显示省略号就写对应的数值*/
  -webkit-line-clamp: 2; 
}