/*单行*/
.text{
width: 200px; // 需要设置明确的宽度
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/*多行*/
.text{
width: 200px; // 需要设置明确的宽度
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
多行/单行文本超出省略号
最新推荐文章于 2024-01-02 17:04:47 发布