记一下永远背不下来的单行省略和多行省略代码

bertzhang 2019-12-25

单行省略:

white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;

多行省略:

 overflow: hidden;
    max-height: 44px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-break:break-word;
    /* autoprefixer: off */
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    /* autoprefixer: on */
 
 
(注释掉的部分是为了保证编译时这种旧代码不丢失)

相关推荐