①单行文字溢出省略:
.textellipsis{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
②多行文字溢出省略: (pc端只能用于webkit内核浏览器;移动端基本上都可用)
.multiline-ellipsis{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:3; //多少行开始省略
-webkit-box-orient:vertical;
white-space:normal !important;
word-wrap:break-word;
}
注意:不要设置文字高度,最好让文字自己撑开。
单行和多行文字溢出省略
最新推荐文章于 2024-08-30 15:33:13 发布