css单行文本溢出和多行文本溢出显示省略号

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;

}