Discuz! Board

標題: Flexbox 的用例 [打印本頁]

作者: Desknumber 時間: 2023-12-24 13:07
標題: Flexbox 的用例
在本系列的最后一篇文章中，我们总结了 Flexbox 的一些常见用途。我们应该使用 Flexbox 做什么，以及它不擅长什么？
我们来到了 Smashing 杂志上的 Flexbox 系列的最后一部分。在这篇文章中，考虑到我们现在有了 CSS 网格布局，我将花一些时间思考 Flexbox 的真正用例是什么，并就何时使用什么以及如何做出决定提供一些建议。

本系列前面
如果您还没有阅读其他文章，这本质上是一篇结论性文章，因此请先查看这些文章。我首先准确地描述了创建 Flex 容器时会发生什么。在本系列的第二篇文章中，我了解了对齐方式，以及如 电子邮件营销列表 何在 Flexbox 中对齐主轴和横轴上的项目。在第三篇文章中，我将解开Flexbox 中大小调整的工作原理，以及浏览器如何计算出 Flex 项目应该有多大。现在我们确切地知道了 Flexbox 的工作原理，我们可以通过思考它最适合的用例来结束。

我应该使用网格还是 Flexbox？
这仍然是我在教授布局时被问到的首要问题，总的来说，我发现随着人们越来越习惯使用更新的布局方法，这成为一个你需要问自己的问题更少。当您构建更多组件时，您将了解要使用哪种布局方法。

歡迎光臨 Discuz! Board (http://glorious.skybbs.cc/)