文字省略 CSS

1、单行省略

.single-omission{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

2、多行省略

.multi-omission(@line: 2) {
	overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    word-break: break-word;
    display: -webkit-box;
    line-clamp: @line;
    -webkit-line-clamp: @line;
    box-orient: vertical;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /*! autoprefixer: on */
}