跳到主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 洗牌
搜索

文章标签
line-clamp

8 篇文章
{
,

}
拥抱非对称设计的文章的直接链接
网格 line-clamp 溢出 文字溢出

拥抱非对称设计

我永远不会忘记 Karen McGrane 给世界上的一个伟大的教训:截断不是内容策略。这个想法是,仅仅通过编程方式裁剪文本就像用大锤,它避免了那种真正的思考和规划……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 9 月 20 日
使用“显示更多”按钮的多行截断文本的文章的直接链接
line-clamp

使用“显示更多”按钮的多行截断文本

现在我们有了对 line-clamp 属性的跨浏览器支持,我预计我们在网络上会看到更多这样的东西。当我们开始看到它更多地被使用时,值得提醒一下:截断不是…

Avatar of Chris Coyier
Chris Coyier 于 2019 年 9 月 4 日
每周新闻:截断多行文本、自定义属性值中的 calc()、上下文备选
自定义属性 line-clamp opentype 截断

每周新闻:截断多行文本、自定义属性值中的 calc()、上下文备选

在本周的综述中,WebKit 的截断多行文本的方法得到了一些关注,关于使用自定义属性的计算的说明,以及一个新的 OpenType 功能,可以防止排版阻塞。
Avatar of Šime Vidas
Šime Vidas 于 2019 年 7 月 25 日
使用纯 CSS 的多行截断的文章的直接链接
line-clamp

使用纯 CSS 的多行截断

本文中的技巧仍然很巧妙,但是现在有一种 标准化的方法 可以做到这一点,这可能是你最好的选择。

截断单行文本如果是 相当直接的。截断多行…

Avatar of Chris Coyier
Chris Coyier 于 2021 年 10 月 23 日
max-lines 文章的直接链接
line-clamp

max-lines

max-lines 属性将块内容限制在最大行数,然后被切断,并且与 block-overflow 结合使用时可以创建行截断效果。事实上,这两个属性构成了 line-clamp 属性,…

Avatar of Geoff Graham
Geoff Graham 于 2018 年 5 月 18 日
block-overflow 文章的直接链接
line-clamp

block-overflow

block-overflow 属性会截断文本,并在指定的行数后插入省略号或自定义字符串,以指示更多内容。行数由 max-lines 属性设置。…

Avatar of Geoff Graham
Geoff Graham 于 2021 年 12 月 28 日
line-clamp 文章的直接链接
line-clamp 截断

line-clamp

line-clamp 属性在特定行数处截断文本。

它的规范目前是编辑草案,这意味着这里没有任何东西是板上钉钉的,因为它正在进行中。也就是说,它被定义为…

Avatar of Geoff Graham
Geoff Graham 于 2019 年 8 月 17 日
Line Clampin’(截断多行文本)文章的直接链接
line-clamp 截断

Line Clampin’(截断多行文本)

你想要 X 行文本。之后的所有内容:优雅地切断。这就是“行截断”,这是一个完全合法的愿望。当你能依靠文本是特定行数时,你可以创建更强大且…

Avatar of Chris Coyier
Chris Coyier 于 2021 年 10 月 1 日

CSS-Tricks 由 DigitalOcean 提供支持。

随时了解 Web 开发

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们写作!
  • 与我们做广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.