一、单行溢出隐藏
.txt {
width: 300px;
overflow: hidden;
text-overflow: ellipsis; //（文本溢出显示省略号）
white-space: nowrap;
}
二、多行溢出隐藏
.txt {
width: 300px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
三、js处理数据
直接在视图渲染之前判断文本字数渲染范围 对数据进行处理
