多行文字溢出

1、多行溢出

        width: 4rem;
        // height: 2.1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        /* autoprefixer: off */
        -webkit-box-orient: vertical;
        /* autoprefixer: on */
        -webkit-line-clamp: 5;

2、单行

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 90%;

 

posted @ 2021-01-11 15:38  慕城蓝就  阅读(3)  评论(0编辑  收藏  举报