CSS Flexbox 布局教程
原文中文，约6000字，阅读约需15分钟。
📝
内容提要
CSS flexbox是一种一维布局方法，可以在一条横线或竖线上排列元素。flex容器的属性包括display、flex-direction、flex-wrap、justify-content、align-items、align-content、row-gap、column-gap和gap。flex项的属性包括order、flex-grow、flex-shrink、flex-basis、flex和align-self。
❓
Q&A
什么是CSS Flexbox布局？
CSS Flexbox是一种一维布局方法，可以在一条横线或竖线上排列元素。
flex容器有哪些主要属性？
flex容器的主要属性包括display、flex-direction、flex-wrap、justify-content、align-items等。
如何使用flex-direction属性？
flex-direction属性用于定义排列方向，常用值有row、row-reverse、column和column-reverse。
什么是flex-wrap属性，它的默认值是什么？
flex-wrap属性控制是否换行，默认值为nowrap，表示不换行。
justify-content属性的作用是什么？
justify-content属性设置主轴的对齐方式，常用值包括flex-start、flex-end、center等。
flex项的order属性有什么用？
order属性可以改变flex项的排列顺序，默认值为0，数字越大位置越后。
🏷️
