标题的规则是超出2行省略,这个简单,直接用 -webkit-line-clamp 实现

秋之德雨 2022-1-8 58 1/8

 .title{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

还有个简单的方法,直接设置p标签的高度,如果是对接后端框架,肯定是会控制输出字符的,你限制在两行内也可以,这个兼容性比较强

 
.title{
height:"16px";
overflow: hidden;
}

- THE END -
Tag:
最后修改:2022年1月08日 09:02:04

非特殊说明,本博所有文章均为博主原创。

相关推荐

共有 0 条评论