css 最多显示2行文字的方法

要在 CSS 中最多显示 2 行文字,您可以使用 overflow: hiddentext-overflow: ellipsis 属性,并设置一个高度限制。

例如:

cssCopy code.ellipsis { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em;
}

这样,如果文本需要更多的行数才能完全显示,则会省略多余的文本并在末尾显示省略号(...)。


若文章对您有帮助,帮忙点个赞!

0
-5
发布时间 2023-02-12 16:42:28
0 条回复(回复会通过微信通知作者)
点击加载更多评论
登录 后再进行评论
(微信扫码即可登录,无需注册)