文本超出换行

.box {
/*强制文本在一行内显示*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

 

想显示多少行

.div{
width: 300px;
height: auto;
display:-webkit-box;
overflow: hidden; /*超出隐藏*/
text-overflow: ellipsis;/*隐藏后添加省略号*/
-webkit-box-orient:vertical;
-webkit-line-clamp:2; //想显示多少行
}