uniapp css 超过一行 显示 省略号

/**
 * 定义公共样式的地方
 */


/**
 * 1行 不换行 显示 ...
 */
.line-clamp{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**
 * 0. 最多显示1行
 */
.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}

/**
 * 1. 最多显示2行
 */

.line-clamp-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

拿去用吧 哈哈哈哈哈哈哈哈哈呵呵呵呵呵呵哦哦哦哦哦

posted @ 2023-03-10 20:24  咸瑜  阅读(460)  评论(0编辑  收藏  举报