diff --git "a/\350\256\270\350\211\263/20241104\347\254\224\350\256\26021--flex\345\270\203\345\261\200+\344\275\234\344\270\232.md" "b/\350\256\270\350\211\263/20241104\347\254\224\350\256\26021--flex\345\270\203\345\261\200+\344\275\234\344\270\232.md"
new file mode 100644
index 0000000000000000000000000000000000000000..d090a765c7215901e17678bf2512ce102475d832
--- /dev/null
+++ "b/\350\256\270\350\211\263/20241104\347\254\224\350\256\26021--flex\345\270\203\345\261\200+\344\275\234\344\270\232.md"
@@ -0,0 +1,946 @@
+# flex-direction 属性
+flex-direction:用于设置盒子中子元素的排列方向
+
+属性值可以是：
+1. row 从左到右水平排列子元素
+2. row-reverse 从右到左排水平列子元素
+3. column 从上到下垂直排列子元素
+4. column-reverse 从下到上垂直排列子元素
+# flex-wrap属性
+flex-wrap:控制元素溢出时的换行处理
+# justify-content属性
+justify-content ：控制子元素在主轴上的排列方式
+# 弹性元素
+## justify-content属性
+justify-content：flex-start:设置子元素在主轴上的对齐方式
+## 属性值可以是：
+1. flex-start 从主轴的起点对齐（默认值）
+2. flex-end： 从主轴的终点对齐
+3. center：居中对齐
+4. space-around:在父盒子里平分
+5. space-between:两端对齐平分
+# align-items属性
+1. 属性值可以是
+1. flex-start：从侧轴开始的方向对齐
+2. flex-end:从侧轴结束的方向对齐
+3. baseline:基线 默认同flex-start
+4. center：中间对齐
+5. stretch：拉伸
+# 作业
+## 当宽度小于五百时，十个盒子显示五个盒子
+```html
+
+
+
+
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
+
+
+ 
播放量 201万
- 催眠大师：助眠黑科技
+
+
+ 
- 走进大自然
+
+
+ 
- 一夜好梦
+
+
+ 
- 秋天和小猫
+
+
+
+
+ 
- 松鼠
+
+
+ 
- 幸运草
+
+
+ 
- 放孔明灯
+
+
+ 
- 海川
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
无论做什么鱼：最忌放盐和料酒腌制
+
1万评论
+
+
+
+
+
+
+
+
无论做什么鱼：最忌放盐和料酒腌制
+
1万评论
+
+
+
+
+
+
+
无论做什么鱼：最忌放盐和料酒腌制
+
1万评论
+
+
+
+
+
+
+
无论做什么鱼：最忌放盐和料酒腌制
+
1万评论
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
打开京东APP，购物更轻松
+
立即打开
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
