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

chat

超出一行省略:

     .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;
        }

版权声明:
作者:东明兄
链接:https://blog.crazyming.com/note/2445/
来源:CrazyMing
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
CSS文本超出一行显示省略号和多行省略
CSS文本超出一行显示省略号,多行省略
<<上一篇
下一篇>>
chat