用less 写 多行文本溢出处理的时候,会发现根本不起作用:如下
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
没找到好的解决办法 建议使用js处理 使用vue的过滤器轻松处理
献上代码:
filters: {
//超过13位显示...
ellipsis: function(value) {
if (!value) return '';
if (value.length > 13) {
return value.slice(0, 13) + '...';
}
return value;
},
},