/*文本溢出即不换行且显示省略号*/

        //单行

display: inline-block;

white-space: nowrap; 

width: 100%; 

overflow: hidden;

text-overflow:ellipsis;

/*两行文本溢出即不换行且显示省略号*/

line-height: 30px;   //设置一下行高

height: 60px;      //行高乘以下面定义的几行不显示的行数

overflow: hidden;

text-overflow: ellipsis;

-webkit-box-orient: vertical;

display: -webkit-box;

-webkit-line-clamp: 2;   //这里是超过几行不显示