前端开发工程师-前端基础-CSS3_弹性盒子布局.docx

PAGE1

PAGE1

CSS3弹性盒子布局基础

1弹性盒子布局的概念

弹性盒子布局（FlexboxLayout），是CSS3中的一种布局模式，旨在提供一种更有效、更灵活的方式来对齐和分布页面上的元素。与传统的布局方式相比，弹性盒子布局能够更好地适应不同屏幕尺寸和设备，使得页面布局更加响应式和动态。

在弹性盒子布局中，容器（Container）和项目（Item）是两个核心概念。容器负责定义布局的方向、对齐方式和分配空间的规则，而项目则是容器内的子元素，会根据容器的规则进行布局。

2display属性与flex布局

在CSS中，display属性用于定义元素的显示类型。当我