多行文本最后一行超出时省略为“....”表示

.css {
    display: -webkit-box;
    -webkit-line-clamp: 3;//设置多行的行数
    -webkit-box-orient: vertical;
    overflow: hidden;
}

上面写法适用于以webkit为内核的浏览器以及移动端

如果是其他需求则需要其他办法

下面是单行"..."的表示

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