css 两行、多行超出后用省略号...表示

.item-name {
      letter-spacing: 0;
      overflow: hidden;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;  /*要显示的行数*/
      -webkit-box-orient: vertical;
      font-size:12px;
    }

 

css超出部分显示…
单行超出部分显示…

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

 

多行超出部分显示…

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;