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

秋之德雨 2022-1-8 466 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:

秋之德雨

1月08日09:02

最后修改:2022年1月8日
6

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

共有 2 条评论

  1. 木才

    我看看 :hanx:

    1. admin

      admin博主

      @木才: :tx: :tx: