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

文章标签
overflow

8 篇文章
{
,

}
拥抱非对称设计文章的直接链接
grid line-clamp overflow text-overflow

拥抱非对称设计

我永远不会忘记 Karen McGrane 给世界上的一个重要教训:**截断不是内容策略。** 意思是,仅仅通过程序截断文本就像用大锤敲击,它回避了真正思考和计划的类型,…

Avatar of Chris Coyier
Chris Coyier 于 2021年9月20日
overscroll-behavior 文章的直接链接
溢出

overscroll-behavior

overscroll-behavior CSS 属性控制元素是否使用“滚动链接”。您可能以前遇到过这种行为,并且可能认为网络上的滚动就是这样工作的!如果您在…

Avatar of Mojtaba Seyedi
Mojtaba Seyedi 于 2022年9月12日
一起使用 Flexbox 和文本省略号文章的直接链接
ellipsis overflow text-overflow

一起使用 Flexbox 和文本省略号

您可以使用省略号(…)截断一行文本使用 text-overflow 以及一些其他属性可以轻松实现。但是,正如您可能预期的那样,该截断发生在文本行的末尾。如果您想要…

Avatar of Chris Coyier
Chris Coyier 于 2020年7月21日
对抗向右滚动的“新方向”文章的直接链接
direction overflow rtl sticky

对抗向右滚动的“新方向”

您知道那些在不小心将元素放置在浏览器窗口右侧边缘时出现水平滚动条的时候吗?它可能是一个滑入的菜单或类似的东西。有时我们会对…使用 overflow-x: hidden;

Avatar of Chris Coyier
Chris Coyier 于 2020年5月21日
CSS 中的溢出和数据丢失文章的直接链接
flexbox grid overflow

CSS 中的溢出和数据丢失

“数据丢失”是一个有趣的术语。我的大脑将其视为从服务器到浏览器的过程中数据包丢失,导致文件中内容缺失。也许在某种程度上是这样的,但在 CSS 术语中,…

Avatar of Chris Coyier
Chris Coyier 于 2019年9月17日
display: flow-root; 文章的直接链接
block formatting context flow-root overflow

display: flow-root;

对我来说是新闻!有相关的规范,Firefox 表示他们打算发布它。它就像 display: block; 一样,只是

它始终为其内容建立一个新的块格式化上下文。

.group {
  display: flow-root;
}

意思是:…

Avatar of Chris Coyier
Chris Coyier 于 2017年2月26日
处理长单词和 URL(强制换行、连字符、省略号等)文章的直接链接
overflow overflow-wrap text wrapping word-break

处理长单词和 URL(强制换行、连字符、省略号等)

有时,非常长的文本字符串可能会溢出布局的容器。

例如

URL 通常不包含空格,因此它们通常是罪魁祸首。

这是一个包含所有 CSS 参与者的较大的代码片段…

Avatar of Chris Coyier
Chris Coyier 于 2018年7月25日
overflow 文章的直接链接
overflow scrolling

溢出

overflow 属性控制超出其边界的內容会发生什么:想象一个 div,您已明确将其设置为 200px 宽,但包含一个 300px 宽的图像。该图像将超出…

Avatar of Sara Cope
Sara Cope 于 2022年1月3日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获取免费积分!
CSS-Tricks
  • 为我们写文章!
  • 与我们一起做广告
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.