css Js 多余部分显示省略号

下面4行是重点：

.shop_flow .goods .name {
    max-height: 57px;
    font-size: 15px;
    padding: 10px 0 5px 0;
    display: block;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

如果想用js方法来限制有一个非替代方案：

/**
 * 截字符串
 * @param str
 * @param len
 * @returns {*}
 */

common.cutString = function (str, len) {
    //length属性读出来的汉字长度为1
    if (str.length * 2 <= len) {
        return str;
    }
    var strlen = 0;
    var s = "";
    for (var i = 0; i < str.length; i++) {
        s = s + str.charAt(i);
        if (str.charCodeAt(i) > 128) {
            strlen = strlen + 2;
            if (strlen >= len) {
                return s.substring(0, s.length - 1) + "...";
            }
        } else {
            strlen = strlen + 1;
            if (strlen >= len) {
                return s.substring(0, s.length - 2) + "...";
            }
        }
    }
    return s;
};