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

前端之家收集整理的这篇文章主要介绍了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;

猜你在找的CSS相关文章