前端css实现只显示一行或者2行、3行剩余显示省略号

1、如果是只需要显示一行+省略号,那么就容易啦

{

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

}

2、如果是需要显示2行或者更多+省略号

{

overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;

}




前端css实现只显示一行或者2行、3行剩余显示省略号

上一篇:http格式详解


下一篇:next.js 添加 PWA 渐进式WEB应用(service-worker) 支持