ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## Flexbox弹性盒式模型 Flex = flex(ible) layout box model > 它能够更加高效方便控制元素对齐、排列,更重要的是能够自动计算布局内元素的尺寸,无论这个元素的尺寸是固定的还是动态的。 > ### flexbos布局图 ![flexbox布局基本结构、组成](images/15275749361.jpg) 1. 父容器 flex container,子元素 flex item 2. 主轴 main axis,交叉轴 cross axis 3. 主轴的起点main start,主轴终点main end,交叉轴起点cross start,交叉轴终点 cross end > 不一定主轴就是x方向,交叉轴就是y方向,哪根是主轴是通过属性设置的