显示一行不换行的方式

　　div{

　　　　overflow: hidden;

　　　　text-overflow: ellipsis;

　　　　white-space: nowrap;

　　｝

 

显示两行后多余文字显示省略号

div{

　　　　overflow: hidden;

　　　　text-overflow: ellipsis;

　　　　display:-webkit-box;

　　　　-webkit-line-clamp:2;

　　　　-webkit-box-orient:vertical;

　　｝