css样式：文本多行溢出显示省略号

一、多行文本溢出显示----普通css样式

.multi-ellipsis {
  word-break: break-all; 
  text-overflow: ellipsis; 
  display: -webkit-box; /*! autoprefixer: off */ 
  -webkit-box-orient: vertical; /*! autoprefixer: on */ 
  -webkit-line-clamp: 2; 
  overflow: hidden;
}

----sass中混合用法----：
1.单行文本溢出显示省略号

@mixin no-wrap() {
　　overflow: hidden;
　　-ms-text-overflow: ellipsis;
　　text-overflow: ellipsis;
　　white-space: nowrap;
}

2.多行文本溢出显示省略号

@mixin no-wrap-multi($linNum) {
　　display: -webkit-box;
　　-webkit-box-orient: vertical;
　　-webkit-line-clamp: $linNum;
　　overflow: hidden;
　　text-overflow: ellipsis;
}