css 将第1/n行文本超出部分替换成省略号

  1、第一行

    .text-overflow{

      white-space: nowrap; 

      overflow: hidden;

      text-overflow: ellipsis;

    }

  2、第n行 -webkit- 

    .text-overflow-multi{

      text-overflow: -o-ellipsis-lastline;

      overflow: hidden;

      text-overflow: ellipsis;

      display: -webkit-box;//将元素设为盒子伸缩模型显示

      -webkit-line-clamp: 2; //控制行数

      -webkit-box-orient: vertical;//伸缩方向设为垂直方向

    }

猜你喜欢

转载自www.cnblogs.com/muzs/p/9355100.html