From 04ff3ce8ec7c362b49237c63ae7175266f545733 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=94=90=E5=AE=87=E5=A7=97?= <14091760+tangyushan123@user.noreply.gitee.com> Date: Thu, 31 Oct 2024 14:51:49 +0800 Subject: [PATCH 1/2] =?UTF-8?q?flex=E5=B8=83=E5=B1=80=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../20241028-flex\345\270\203\345\261\200.md" | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 "\345\224\220\345\256\207\345\247\227/20241028-flex\345\270\203\345\261\200.md" diff --git "a/\345\224\220\345\256\207\345\247\227/20241028-flex\345\270\203\345\261\200.md" "b/\345\224\220\345\256\207\345\247\227/20241028-flex\345\270\203\345\261\200.md" new file mode 100644 index 0000000..dbef04e --- /dev/null +++ "b/\345\224\220\345\256\207\345\247\227/20241028-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 -- Gitee From 88f2e275cba8fa5d869c07a1db4e1404554e8804 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=94=90=E5=AE=87=E5=A7=97?= <14091760+tangyushan123@user.noreply.gitee.com> Date: Sun, 3 Nov 2024 19:45:27 +0800 Subject: [PATCH 2/2] =?UTF-8?q?20241028=E4=BD=9C=E4=B8=9A=E7=AC=94?= =?UTF-8?q?=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...\350\275\264\345\257\271\351\275\220.html" | 49 +++++++++++++++++++ ...\350\275\264\346\226\271\345\220\221.html" | 31 ++++++++++++ ...\350\275\264\345\257\271\351\275\220.html" | 28 +++++++++++ ...\350\275\264\346\226\271\345\220\221.html" | 33 +++++++++++++ ...\347\241\200\345\270\203\345\261\200.html" | 37 ++++++++++++++ 5 files changed, 178 insertions(+) create mode 100644 "\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\270\273\350\275\264\345\257\271\351\275\220.html" create mode 100644 "\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\270\273\350\275\264\346\226\271\345\220\221.html" create mode 100644 "\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\272\244\345\217\211\350\275\264\345\257\271\351\275\220.html" create mode 100644 "\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\272\244\345\217\211\350\275\264\346\226\271\345\220\221.html" create mode 100644 "\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\345\237\272\347\241\200\345\270\203\345\261\200.html" diff --git "a/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\270\273\350\275\264\345\257\271\351\275\220.html" "b/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\270\273\350\275\264\345\257\271\351\275\220.html" new file mode 100644 index 0000000..03c1a17 --- /dev/null +++ "b/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\270\273\350\275\264\345\257\271\351\275\220.html" @@ -0,0 +1,49 @@ + + + + + Document + + + + +
+
+
+
+
+ + \ No newline at end of file diff --git "a/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\270\273\350\275\264\346\226\271\345\220\221.html" "b/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\270\273\350\275\264\346\226\271\345\220\221.html" new file mode 100644 index 0000000..a419000 --- /dev/null +++ "b/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\270\273\350\275\264\346\226\271\345\220\221.html" @@ -0,0 +1,31 @@ + + + + + Document + + + +
+
+
+
+
+ + \ No newline at end of file diff --git "a/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\272\244\345\217\211\350\275\264\345\257\271\351\275\220.html" "b/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\272\244\345\217\211\350\275\264\345\257\271\351\275\220.html" new file mode 100644 index 0000000..8c3a260 --- /dev/null +++ "b/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\272\244\345\217\211\350\275\264\345\257\271\351\275\220.html" @@ -0,0 +1,28 @@ + + + + + Document + + + +
+
+ +
+ + \ No newline at end of file diff --git "a/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\272\244\345\217\211\350\275\264\346\226\271\345\220\221.html" "b/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\272\244\345\217\211\350\275\264\346\226\271\345\220\221.html" new file mode 100644 index 0000000..1c11ddf --- /dev/null +++ "b/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\344\272\244\345\217\211\350\275\264\346\226\271\345\220\221.html" @@ -0,0 +1,33 @@ + + + + + Document + + + +
+
+
+
+
+
+ +
+ + \ No newline at end of file diff --git "a/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\345\237\272\347\241\200\345\270\203\345\261\200.html" "b/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\345\237\272\347\241\200\345\270\203\345\261\200.html" new file mode 100644 index 0000000..6bbd6f5 --- /dev/null +++ "b/\345\224\220\345\256\207\345\247\227/\347\273\203\344\271\240and\344\275\234\344\270\232/20241028-flex\347\273\203\344\271\240/\345\237\272\347\241\200\345\270\203\345\261\200.html" @@ -0,0 +1,37 @@ + + + + + Document + + + +
+
one
+
jhcjsdh
+
sdhcsdnj
+
+ + \ No newline at end of file -- Gitee