MDN 发布了一份全面的 Flexbox 指南,其中包含 Rachel Andrew 提供的新内容和更新内容。 该指南包括 11 篇文章,展示了布局、用例以及您可能想要或需要了解的所有内容。 所有相关的 Flexbox 属性都很好地且方便地附加到目录中,使其非常易于使用。
在这篇文章中,Rachel 添加了关于 Flexbox 的有益想法和上下文。 她关于 Flexbox 最初被视为解决所有布局问题的灵丹妙药的评论让我印象深刻。
在 Grid 发布之前,Flexbox 被视为解决所有布局问题的规范,但使用 Flexbox 的许多困难之处在于,当我们尝试使用它来创建 Grid 设计的二维布局时。 一次又一次,我们发现自己不得不努力说服一种布局方法做它没有设计的事情。
罪魁祸首。 我记得我当时迫切地想放弃浮动并学习一种新的语法,以至于我将 Flexbox 当作一个方形木桩,试图把它塞进圆孔中。 这确实让我至少在一个项目中遇到了麻烦。
关于这份指南最重要的内容是,它形成了由 CSS 提供的布局规范参考材料的三重奏:Flexbox、Grid 和其他 Box Alignment 属性。
哦,对了,说到这个话题,我们有 Flexbox 和 Grid 指南,就在 CSS-Tricks 上。 你永远学不会太多,对吧?