CSS实现超过部分用省略号代替

1）显示一行，超出部分用省略号显示

.class名称{
     overflow:hidden; //超出的文本隐藏
     text-overflow: ellipsis;//溢出用省略号显示
     white-space: nowrap;//溢出不换行
}

2)显示两行,超出部分用省略号显示

.class名称{
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;//行数
     -webkit-box-orient: vertical;
}