line-clamp 带“显示更多”按钮的多行截断文本 Chris Coyier 于 2019 年 9 月 4 日 DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费积分! 现在我们已经获得了对 line-clamp 属性的跨浏览器支持,我希望我们在网络上会看到更多这样的东西。当我们开始看到它更多地使用时,值得提醒的是:*截断不是内容策略*。 我们至少应该提供一种方法来阅读被截断的内容,对吧?Paul Bakaus 使用 复选框技巧 和其他一些技巧来添加一个功能按钮,该按钮可以准确地做到这一点。 查看 Pen 带更多按钮的截断文本(仅 CSS,可选的 JS 助手) by Paul Bakaus (@pbakaus)在 CodePen 上。 直接链接 →
任何需要 gecko 57+ 的东西都没有得到足够广泛的支持,除非它不是关键功能,否则不应该使用它
确实。如果浏览器不支持 line-clamp 并且您有 js; 使用其他策略或限制为单行。
看起来它得到了足够广泛的支持:https://caniuse.cn/#search=line-clamp
我真的不明白为什么在 2019 年底的时候,逻辑会是“任何需要 gecko 57+ 的东西都没有得到足够广泛的支持,除非它不是关键功能,否则不应该使用它”,尤其是在一个关于使用 CSS 极限的网站上。Gecko 57 已经 2 年了。声称“除了 gecko 57 之外,任何东西都没有得到足够广泛的支持”与日常网络现实相矛盾。如果没有人使用它,任何东西怎么可能成为标准呢?
我们一直在使用那些支持程度较低的东西。
非常酷