跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
truncation

5 篇文章
{
,

}
文章“重新创建 MDN 的截断文本效果”的直链
数据丢失 MDN text-overflow 截断

重新创建 MDN 的截断文本效果

众所周知,MDN 于 3 月份推出了新的设计。它非常漂亮!并且其中包含一些有趣的 CSS 宝石,可以欣赏一下。其中一个宝石是卡片组件如何处理截断的……

Avatar of Geoff Graham
Geoff Graham 于 2022 年 7 月 28 日 发布
文章“每周新闻:截断多行文本、自定义属性值中的 calc()、上下文替换”的直链
自定义属性 line-clamp OpenType 截断

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

在本周的综述中,WebKit 截断多行文本的方法受到了一些关注,关于使用自定义属性进行计算的说明,以及一项防止排版堵塞的新 OpenType 功能。
Avatar of Šime Vidas
Šime Vidas 于 2019 年 7 月 25 日 发布
文章“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 日 发布
文章“使用省略号截断字符串”的直链
省略号 text-overflow 截断

使用省略号截断字符串

自 2011 年这篇文章发表以来,情况发生了很大变化!如果您正在寻找截断内容字符串的更现代方法,请查看 CSS line-clamp 属性 以及 本教程,它使用……

Avatar of Chris Coyier
Chris Coyier 于 2024 年 8 月 5 日 发布

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.