css3 显示一行内容,多余的以省略号显示

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

代码如上

line-clamp 为文本行数 超过则截断

 

overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            line-clamp: 2;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;