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

文章标签
gap

5 篇文章
{
,

}
文章的直接链接 请给我一些空间
border-spacing gap inset margin shape-outside translate

请给我一些空间

有很多方法可以做到这一点。当然,有些方法更可取,更适合某些特定情况……

Avatar of Geoff Graham
Geoff Graham 发表于 2022年6月3日
文章的直接链接 注意“间隙”
flexbox gap grid 多列布局

注意“间隙”

您可能已经了解了CSS gap 属性。它并不完全是新的,但它在去年获得了重要的新功能:它现在除了 CSS Grid 之外,还在 Flexbox 中起作用。这一点,以及我…

Avatar of Patrick Brosset
Patrick Brosset 发表于 2021年9月16日
文章的直接链接 Safari 14.1 添加了对 Flexbox 间隙的支持
gap

Safari 14.1 添加了对 Flexbox 间隙的支持

耶,它来了!据报道,Safari 14.1 添加了对 flexbox 布局中 gap 属性的支持。我们已经有一段时间支持 grid-gap 了,但顾名思义,它仅限于网格布局。现在我们可以在两种类型…

Avatar of Geoff Graham
Geoff Graham 发表于 2021年4月30日
文章的直接链接 Chromium 推出 Flexbox gap
flexbox gap grid

Chromium 推出 Flexbox gap

我之前通过 Michelle Barker 的报道提到了这个,但在这里我将链接到官方公告。主要内容是我们将获得使用flexbox的 gap,这意味着

.flex-parent {
  display: flex;
  gap: 1rem;
}
.flex-child 
…
Avatar of Chris Coyier
Chris Coyier 发表于 2020年5月8日
文章的直接链接 CSS 布局未来展望
flexbox gap grid 布局

CSS 布局未来展望

Michelle Barker 指出,这对我们 CSS 布局极客来说是令人兴奋的一周。

  1. Firefox 长期以来拥有最好的 CSS Grid 开发者工具,但 Chrome 即将迎头赶上,并通过可视化…
…
Avatar of Chris Coyier
Chris Coyier 发表于 2020年5月7日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.