如何在一个块内显示文本的行数,超出行数显示“……”?
下面的css代码是用户显示最多2行,如果超过2行则用……
.ellipsis{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
如何在一行内显示超出文本显示“……”
nowrap{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
注意:多行显示“……”和一行显示“……”的属性都是组合属性,必须一起使用才能起作用。且需要给容器定义宽度