Flexbox布局是如何工作的 – 用大彩图和GIF动画解释
Flexbox 布局将我们从CSS的邪恶(如垂直对齐)中拯救了出来。
很好,Flexbox 确实实现了这个目标。 但掌握新的弹性模型可能还是具有一点挑战性的。
所以,让我们以动图的形式来看看 Flexbox 的工作原理,这样我们可以使用它来构建更好的布局。
Flexbox 的基本原理是让布局变得灵活和直观。
为了实现这个目标,它让容器自己决定如何均匀分配它的子元素 – 包括子元素的大小和相互之间的间隔。
这听起来是很不错的原则。 但让我们看看它在实践中又会是什么样子的呢。
在本文中,我们将探讨 5 个最常见的 Flexbox 属性。我们将探索他们究竟做什么,如何使用它们,以及它们会产生什么实际效果。
