1. 单行
.text{
white-space:nowrap; // 强制一行显示
overflow:hidden; // 超出隐藏
text-overflow:ellipsis; // 省略号
}
2. 多行
.text{
text-overflow: -o-ellipsis-lastline;
overflow: hidden; //溢出内容隐藏
text-overflow: ellipsis; //文本溢出部分用省略号表示
display: -webkit-box; //特别显示模式
-webkit-line-clamp: 2; //行数
line-clamp: 2;
-webkit-box-orient: vertical; //盒子中内容竖直排列
}