大部分場景都是超過一行就顯示...
<template>
<div class="other-product-item item-name" :title="item.name">{{item.name}}</div>
<div class="other-product-item item-name" :title="item.name">{{item.name}}</div>
<template>
<script>
export default {
return {
item: {name:'this is a very long name，this is a very long name，this is a very long name'}
}
}
</script>
<style lang="scss">
.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;
}
</style>
