css隐藏多余的字符，显示省略号

1、超过一定行数隐藏，显示省略号

.hiddenThree{

     display: -webkit-box;

-webkit-box-orient: vertical;

     -webkit-line-clamp: 3;

     max-height: 72px;

     overflow: hidden;

     text-overflow: ellipsis;

     text-overflow: -o-ellipsis-lastline;

}

2、超过一行隐藏，显示省略号

.hiddenOne {

width: 170px;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

text-overflow: -o-ellipsis-lastline;

}