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;

}