文章标签

实现垂直对齐（感谢子网格！）

近年来，我们用于垂直对齐的工具有了很大改进。在我早期作为网站设计师的经历中，涉及布局 960px 宽的首页设计，并使用 12 列网格将元素水平对齐到页面上。媒体查询……

Cathy Dutton 在 2020 年 10 月 14 日

Michelle Barker 讨论了一种需要将偏移矩形作为可点击区域的情况。棘手的部分是仅让矩形可点击。这排除了使用某个父元素并使整个更大的包含矩形可点击……

Chris Coyier 在 2020 年 7 月 16 日

我想说我 85% 的网格使用都属于以下两种情况之一……

我只需要一些非常基本的（可能是等宽的）列，最终类似于 grid-template-columns: repeat(3, minmax(0, 1fr)); 以确保安全。
实际上

……

Chris Coyier 在 2022 年 1 月 3 日

本周，Firefox 发布了一个很棒的版本！查看 Chris Mills 的完整汇总文章。我个人很高兴看到 clip-path: path(); 正式上线，我们一直在跟踪它，因为它显然非常有用。我们还获得了 column-span: all;，它……

Chris Coyier 在 2019 年 12 月 5 日

在本周的汇总中：Firefox 获得了类似锁匠的功能，三星的 Galaxy Store 开始支持渐进式 Web 应用程序，CSS 子网格已在 Firefox 70 中发布，一项新的研究证实，用户更喜欢点击内容而不是滚动浏览……

Šime Vidas 在 2019 年 11 月 7 日

Rachel Andrew 在 CSSconf 上的演讲很棒，因为它深入探讨了即将在您附近的浏览器中推出的最令人兴奋的更改之一：subgrid！这是对 CSS 网格规范的更改，允许更大程度地……

Robin Rendle 在 2019 年 6 月 20 日

在本周的新闻中，Google 定义了网站图标指南，Paciello Group 推出了新的 a11y 测试工具，以及 W3C 计划如何与社区互动的变化，以及更多内容。

Šime Vidas 在 2019 年 5 月 31 日

我们感觉自己被 CSS 网格宠坏了。它在一瞬间就在所有主要浏览器中迅速发布。现在我们看到越来越多的使用量，我们也看到人们希望网格能做到更多。

Michelle Barker……

Chris Coyier 在 2019 年 2 月 26 日

我非常喜欢 CSS 网格，并且几乎在所有项目中都使用它。然而，其中有一个部分使得事情变得比实际需要的复杂得多：缺乏子网格。……

Robin Rendle 在 2019 年 1 月 11 日