案例基础布局html<ul class="box"><li class="item"><li><li class="item">

基本介绍特点flexbox是一种css display类型，提供一种更简单高效的布局方式；flexbox可以对元素相对于父元素、兄弟元素进行定位、控制尺寸、控制间距；flexbox对响应式有很好的支持；工作原理设置父元素的display

flexd性布局定义： Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目容器默认存在两根轴：水平的主轴（ main axi