css Js 多余部分显示省略号

xiaoxiao2021-02-28  63

下面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; };
转载请注明原文地址: https://www.6miu.com/read-34162.html

最新回复(0)