概念
Flexbox 解决了这个问题
了解 Flexbox 如何解决经典 CSS 布局难题与常见陷阱
天啊,Flexbox 解决了这个问题?
许多设计师在使用 CSS 时遇到的经典难题,如今通过 Flexbox 轻松解决。
Philip Walton 在他的 solved-by-flexbox 项目 中列出了 6 个经典问题(截至本文撰写时)。
他详细讨论了过去 CSS 的局限性,以及 Flexbox 如今提供的解决方案。
我建议你在读完本文后去查看一下这个项目。
在接下来的实践部分,我将结合构建一个音乐应用布局的过程,为你讲解他提到的一些核心概念。
非标准浏览器中的 Flexbugs 和常见陷阱
如果你不是那种梦里都在写 CSS 的人,你可能需要看看这个 GitHub 仓库。
一些比我聪明的人整理了一份 Flexbox 的已知问题及其应对方案列表。
每当我发现某些效果不符合预期时,第一个查找的地方就是这里。
在接下来的实践部分,我也会带你了解几个典型的 Flexbox 问题。
所以你完全不用担心!