：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，为开发者赋能。【年终福利】葡萄城2018年年终福利火热播出。近年来，CSS领域出现了一些复杂的特殊布局工具，以取代原来使用表格、浮动和绝对定位等各种变通方法。Flexbox，或灵活的盒子布局模块，是这些新布局工具中的第一个，紧随其后的是CSS网格布局模块。我们将在本文中简单易懂地介绍flexbox。随着CSS网格布局的引入，您可能会问flexbox布局是否真的有必要。虽然它们的功能有一些重叠，但它们在CSS布局中都有非常特定的用途。一般来说，flexbox在一维场景中效果最好（例如，一堆相似的元素），而网格最适合二维场景（例如，一整页元素）。尽管如此，flexbox仍然可以用于整个页面的布局，从而为那些还不支持网格布局的浏览器提供合适的兼容性。（不可否认，网格布局正在迅速获得大多数现代浏览器的支持，但flexbox支持仍然更为广泛，因此如果您希望您的布局在稍旧的浏览器中工作，使用flexbox作为网格布局的回退很容易）。使用Flexbox的好处Flexbox的一些好处是：页面元素可以放置在任何方向（左、右、从上到下，甚至从下到上）布局内容的视觉顺序可以颠倒或元素的大小可以重新排列可以“弹性”适应可用空间，并根据容器或兄弟元素进行相应对齐可以轻松实现等列宽度布局（独立于每列中的内容）为了说明其各种属性和可能性，让我们假设以下布局用例：
