CSS文本超出一行显示省略号和多行省略

东明兄 2019-05-22
0条评论 30 次浏览
东明兄 2019-05-220条评论 30 次浏览

超出一行省略:

     .test {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
         }

超出多行省略, -webkit-line-clamp 指定行数:

     .test {
          text-overflow: ellipsis;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient:vertical;
          -webkit-line-clamp:3;
        }
1+

发表评论

邮箱地址不会被公开。