文章标签

使宽度和弹性项目和谐共处

简短回答：flex-shrink 和 flex-basis 可能正是您要找的……

Robin Rendle 发表于 2019 年 7 月 1 日

考虑以下情况

<ol>
  <li>Get hungry</li>
  <li>Order pizza</li>
  <li>Eat pizza</li>
</ol>

该 HTML 以这种方式最终出现在 DOM 中（以及如何将其暴露给辅助技术），并且默认情况下，这些列表项也以…方式视觉显示…

Chris Coyier 发表于 2019 年 6 月 12 日

上次，我们研究了几种在响应式设计中声明和使用 CSS 自定义属性的可能方法。在本文中，我们将更深入地了解 CSS 变量以及如何在可重用组件中使用它们…

Mikolaj Dobrucki 发表于 2019 年 2 月 26 日

如果您从事支持旧版浏览器的 Web 应用程序开发，并且像我一样一直渴望使用CSS Grid，那么我有一些好消息：我发现了一种巧妙的纯 CSS 方法，可以在 IE10+ 中使用网格自动放置！

现在，…

Brian Holt 发表于 2019 年 2 月 18 日

让我们快速回答这个问题，使用要点而不是冗长的解释。Flexbox 和 Grid 之间有很多相似之处，首先它们都用于布局，并且还有更多…

Chris Coyier 发表于 2019 年 2 月 14 日

如果您还没有看到，Heydon 发布了一个相当巧妙的 flexbox 布局模式，从某种意义上说，它模仿了您使用容器查询通过强制元素在某个容器宽度处堆叠所能做到的效果。我特别…

Chris Coyier 发表于 2019 年 1 月 24 日

Web 上的砌体布局是指将大小不一的项目排列起来，以避免出现不均匀的间隙。我猜这个术语是由 David DeSandro 为 Web 创造（或至少推广）的，因为…

Chris Coyier 发表于 2020 年 12 月 2 日

不要错过 Heydon 制作的这段深入探讨 CSS 布局的视频。他将基础知识（如元素流、换行和边距）与 Flexbox 和 Grid 等新的布局方法（并提供具体示例）相结合的方式非常棒。…

Chris Coyier 发表于 2019 年 1 月 10 日

我记得当我第一次开始使用flexbox 时，世界在我眼中看起来像是一个个灵活的盒子。这并不是说我忘记了浮动、内联块或任何其他布局机制的工作原理，我只是发现自己总是求助于 flexbox…

Chris Coyier 发表于 2018 年 10 月 23 日