m0_64460142的博客

1.块元素水平垂直居中先提问：之前我们学过flex啦使盒子水平垂直居中的方式是什么呢？解：给父级盒子设置： display: flex; justify-content: center; align-items: center;以上这是第一种方法：使用flex弹性盒子布局；我们来看一看还有的几种方式吧！未免以后会用到呢！第二种方法：可以使用绝对定位配合margin的方式实现 margi...

1.Flex弹性盒子（flex-grow、flex-shrink、flex-basis）flex-grow：属性规定在相同的容器中，项目相对于其余弹性项目的增长量。就是否将剩余空间填满，默认值0，不填充。flex-shrink:属性固定在相同的容器中，项目相对于其余弹性项目的收缩量。就是是否压缩，默认值1，被压缩，0，不被压缩flex-basis:属性规定弹性...

Flex弹性盒布局flex弹性布局：之前我们学过浮动和定位设置px值才能进行页面排版，flex会比较方便。它比较弹性。采用 Flex 布局的元素，称为 Flex 容器（flex container），简称“容器”。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称“项目”。容器默认存在两根轴，分别为水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置叫做 main start，结束位置叫做 main end；交叉轴的开始位置叫做 cro