uniapp中css限制view中显示的字数

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


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