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;