css超出两行省略号没效果,Css 设置超过再两行显示省略号

大部分场景都是超过一行就显示...

{ {item.name}}

{ {item.name}}

export default {

return {

item: {name:'this is a very long name，this is a very long name，this is a very long name'}

}

}

.other-product-item {

text-overflow: -o-ellipsis-lastline;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}

.item-name {

font-size: 14px;

}

CSS设置文本末行显示省略号...

首先设置文本标签或文字所在标签的宽度   最主要是以下三点: