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 0000000000000000000000000000000000000000..dbef04e2b3ced3b925cf1690d33ddf551fbe9356
--- /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
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 0000000000000000000000000000000000000000..03c1a178ece03bc0452183a91375dedeff20f4cb
--- /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
+
+
+
+
+
+
+