CSS Flexbox

Flexbox 是一种一维布局模型，通过设置容器的 display: flex 属性来启用。主要概念包括：主轴（main axis）和交叉轴（cross axis）、弹性项目（flex items）、弹性容器（flex container）。常用的 Flexbox 属性包括：flex-direction（主轴方向）、justify-content（主轴对齐方式）、align-items（交叉轴对齐方式）、flex-wrap（是否换行）、flex-grow（项目的放大比例）、flex-shrink（项目的缩小比例）、flex-basis（项目的初始大小）等。