diff --git "a/\346\226\271\345\207\244\344\270\271/20241104(\345\270\203\345\261\200).md" "b/\346\226\271\345\207\244\344\270\271/20241104(\345\270\203\345\261\200).md"
new file mode 100644
index 0000000000000000000000000000000000000000..ec0f1b50785c9ad8f46c24205a63b88cf6611428
--- /dev/null
+++ "b/\346\226\271\345\207\244\344\270\271/20241104(\345\270\203\345\261\200).md"
@@ -0,0 +1,1204 @@
+
+
+### flex-direction 属性
+flex-direction:用于设置盒子中子元素的排列方向
+
+属性值可以是：
+1. row 从左到右水平排列子元素
+2. row-reverse 从右到左排水平列子元素
+3. column 从上到下垂直排列子元素
+4. column-reverse 从下到上垂直排列子元素
+
+注意：如果不给父级容器写flex-direction这个属性，那么子元素默认从左向右排列。
+
+### 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. flex-start：从侧轴开始的方向对齐
+2. flex-end:从侧轴结束的方向对齐
+3. baseline:基线 默认同flex-start
+4. center：中间对齐
+5. stretch：拉伸
+
+### 布局练习
+
+```html
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
打开京东APP，购物更轻松
+
立即打开
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
京东超市
+
京东超市
+
京东超市
+
京东超市
+
京东超市
+
+
+
+
京东超市
+
京东超市
+
京东超市
+
京东超市
+
京东超市
+
+
+
+
+
+
+
+
+
+
￥25
+
￥2568
+
￥28.8
+
￥19.7
+
￥420
+
￥42.9
+
+
+
+
+
+
+
+
+
首页
+
分类
+
惊喜
+
购物车
+
未登录
+
+
+
+
+
+
+
+
景点·玩乐
+
景点·玩乐
+
景点·玩乐
+
景点·玩乐
+
景点·玩乐
+
+
+
+
+
+
+
电话费
+
电话费
+
电话费
+
电话费
+
电话费
+
+
+
+
电话费
+
电话费
+
电话费
+
电话费
+
电话费
+
+
+
+
+
+