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

Posted 2021-03-20 nangras

单行省略：

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 */

 

 

（注释掉的部分是为了保证编译时这种旧代码不丢失）