gpt4 book ai didi

css - 如何使用文本溢出:ellipsis for 3 line truncate?

转载 作者:行者123 更新时间:2023-11-28 11:41:45 25 4
gpt4 key购买 nike

如何在 CSS 中使用省略号在 3 行而不是 1 行文本后截断?

到目前为止我有这个,但它只适用于单行文本。我希望文本换行两次(引用)。

.truncate {
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

最佳答案

这还不能在所有的 css3 浏览器中完成,只有 webkit。

.line-clamp {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

我使用 clamp.js如果我真的需要截断

关于css - 如何使用文本溢出:ellipsis for 3 line truncate?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16846390/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com