css文本隐藏，显示省略号

.text-line-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-line-2 {
    -webkit-line-clamp: 2;
}

.text-line-3 {
    -webkit-line-clamp: 3;
}

.text-line-4 {
    -webkit-line-clamp: 4;
}

.text-line-5 {
    -webkit-line-clamp: 5;
}

.text-line-2, .text-line-3, .text-line-4, .text-line-5 {
    overflow: hidden;
	word-break: break-all;
    text-overflow: ellipsis; 
    display: -webkit-box; // 弹性伸缩盒
    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
}