From ec70b66d9b4c809702c885e185ad676b5ef894fb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=81=E6=9D=A8=E6=82=A6?= <14091313+ding-yangyue@user.noreply.gitee.com> Date: Sun, 3 Nov 2024 20:22:12 +0800 Subject: [PATCH] 1025 --- .../20241025 flex\345\270\203\345\261\200.md" | 19 +++++++++++++ .../\344\275\234\344\270\232/29.1.html" | 28 +++++++++++++++++++ 2 files changed, 47 insertions(+) create mode 100644 "\344\270\201\346\235\250\346\202\246/20241025 flex\345\270\203\345\261\200.md" create mode 100644 "\344\270\201\346\235\250\346\202\246/\344\275\234\344\270\232/29.1.html" 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 00000000..82522571 --- /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 00000000..7a480fed --- /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 @@ + + + + + + Document + + + +
+
+
+
+ +
+ + \ No newline at end of file -- Gitee