多行文本溢出用省略号代替

1.单行文本溢出

overflow：hidden;           //溢出隐藏  
white-space：nowrap;        //让文本不换行
text-overflow: ellipsis;    //溢出的文本用省略号代替

2.多文本溢出

display: -webkit-box;              //对象作为弹性伸缩盒子模型显示 
-webkit-box-orient:vertical;       //设置或检索伸缩盒对象的子元素的排列方式 
overflow:hidden;                   //溢出隐藏 
-webkit-line-clamp:2;              //2表示行数
text-overflow: ellipsis;           //溢出的文本用省略号代替