diff --git "a/\344\270\201\346\235\250\346\202\246/20241025 flex\345\270\203\345\261\200.md" "b/\344\270\201\346\235\250\346\202\246/20241025 flex\345\270\203\345\261\200.md" new file mode 100644 index 0000000000000000000000000000000000000000..825225717b9ea439615e9d7d62899729288826c8 --- /dev/null +++ "b/\344\270\201\346\235\250\346\202\246/20241025 flex\345\270\203\345\261\200.md" @@ -0,0 +1,19 @@ +# flex布局 +**弹性盒子、子元素** +- 弹性盒子:指的是`display:flex`或者`display:inline-flex`声明的父容器 +- 子元素/弹性元素:值得是父容器里面的子元素们(父容器被声明为flex盒子的情况下)。 + +**主轴和侧轴** +- 主轴:flex容器的主轴,默认是水平方向,从左向右。 + +- 侧轴:与主轴垂直的轴称作侧轴,默认是垂直方向,从上往下 + +**flex-direction** +|属性值 | 描述| +| -- | -- | +|row |从左到右水平排列子元素(默认值)| +|column |从上到下垂直排列子元素| +|row-reverse |从右向左排列子元素| +|column-reverse| 从下到上垂直排列子元素| + +**justify-content* \ No newline at end of file diff --git "a/\344\270\201\346\235\250\346\202\246/\344\275\234\344\270\232/29.1.html" "b/\344\270\201\346\235\250\346\202\246/\344\275\234\344\270\232/29.1.html" new file mode 100644 index 0000000000000000000000000000000000000000..7a480feda2b3fd123a5e34c6c5bd2ecb6b56706b --- /dev/null +++ "b/\344\270\201\346\235\250\346\202\246/\344\275\234\344\270\232/29.1.html" @@ -0,0 +1,28 @@ + + +
+ + +