如何设置单行省略 和 多行省略

工作中总结出的省略号办法：

单行：

        width:200px;

        overflow:hidden;

        text-overflow:ellipsis;

        white-space:nowrap;

 

多行：

• overflow: hidden;
• text-overflow: ellipsis;
• display: -webkit-box;
• -webkit-line-clamp: 4;
• -webkit-box-orient: vertical;
• white-space: normal;

如果是用于less  sass中可能会遇到box-oeient丢失的情况 解决的办法是：autoprefixe

• /* autoprefixer: off */
• -webkit-box-orient: vertical;
• /* autoprefixer: on */

以上是我的学习工作笔记 ，欢迎补充：