CSS - 文本溢出 : display 2 lines of text only

Question

给定一长串内容，我只想显示前两行文本。此内容的容器是流动的，并且会根据浏览器的宽度调整大小。无论容器的宽度如何，我都希望文本始终只显示 2 行。有办法做到这一点吗？

如果上面没有办法，有没有办法根据字符数限制？

Answer 1

这段代码会对您有所帮助。

只需调整 Max-Height 和 Line-height 即可更改字体大小。

 .limit-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 21px;
    max-height: 48px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
 }