实现单行文本溢出部分显示 …
注意有些场景需要设置宽度并设置为display: block;或者display: inline-block;
div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
实现多行文字超出显示...
-webkit-line-clamp: 2; 这个是控制最多显示几行
div {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
如果需要text标签换行
text{
word-break: break-all;
}