文本溢出隐藏

单行文本溢出隐藏

　　通过text-overflow:hidden实现

　　white-space: nowrap 设置文字单行显示

.ellipsis_s{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;  
}

多行文本溢出隐藏　

　　-webkit-box 设置容器为弹性伸缩盒子模型，

　　-webkit-line-clamp 限制块元素内显示的文本行数，

　　-webkit-box-orient 设置伸缩盒对象的子元素的排列方式。

.ellipsis_c{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}