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

文章标签
multi-column layout

4 篇文章
{
,

}
文章“注意“间隙””的直接链接
flexbox gap grid 多列布局

注意“间隙”

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

Avatar of Patrick Brosset
Patrick Brosset 发表于 2021 年 9 月 16 日
文章“网页上的打印风格布局”的直接链接
布局 多列布局 打印

网页上的打印风格布局

我一直很喜欢看到人们从打印设计中获得灵感,并尝试将其移植到网页上。打印作品有着更深厚的历史积淀,并且仍然有大量的现代作品…

Avatar of Chris Coyier
Chris Coyier 发表于 2019 年 12 月 18 日
文章“每周平台新闻:CSS column-span 属性、ADA 适用于网站、自动生成的图像描述”的直接链接
无障碍访问 替代文本 多列布局

每周平台新闻:CSS column-span 属性、ADA 适用于网站、自动生成的图像描述

在本周的综述中:多列布局获得了广泛的支持,ADA 意味着零售商需要更多A11y,并且 Google 正在解决网络上所有空的图像 alt 属性问题。…

Avatar of Šime Vidas
Šime Vidas 发表于 2021 年 4 月 15 日
文章“column-count”的直接链接
column-count 多列布局

column-count

如果您在设计多列布局时需要精确的列数,请使用 column-count。

.lead {
  column-count: 3;
 }

给定列数后,浏览器将内容均匀地分布到正好这些列中。

这…

Avatar of Katy DeCorah
Katy DeCorah 发表于 2020 年 8 月 7 日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.