单/多行——超出文字变成.....

 <--------------------------------------------------多行文本超出-------------------------------------------------->

 

　　overflow: hidden;
　　text-overflow: ellipsis;
　　display: -webkit-box;
　　-webkit-line-clamp: 4; //行数
　　line-clamp: 4;//行数
　　-webkit-box-orient: vertical;

　　

 

 <--------------------------------------------------单行文本超出-------------------------------------------------->

　　white-space:nowrap;//不换行
　　overflow: hidden;//超出隐藏
　　text-overflow: ellipsis;//变成...