diff --git "a/38 \350\203\241\350\216\271\350\216\271/17.md" "b/38 \350\203\241\350\216\271\350\216\271/17.md" new file mode 100644 index 0000000000000000000000000000000000000000..f22d0bd2eb3c6d89506ede2b52476dea478aff5a --- /dev/null +++ "b/38 \350\203\241\350\216\271\350\216\271/17.md" @@ -0,0 +1,23 @@ +1. **`display: flex`**: + - 将容器设置为弹性盒子模型。 + - 默认情况下,子元素会在水平方向上排列。 +2. **`flex-direction`**: + - 控制子元素的排列方向。 + - 值: + - `row`(默认值):水平方向排列。 + - `column`:竖直方向排列。 +3. **`align-items`**: + - 控制子元素在交叉轴(默认为竖直方向)上的对齐方式。 + - 值: + - `flex-start`:子元素对齐到容器的起始位置。 + - `flex-end`:子元素对齐到容器的结束位置。 + - `center`:子元素居中对齐。 + - `stretch`(默认值):子元素在交叉轴上拉伸,填满容器的高度。 +4. **`justify-content`**: + - 控制子元素在主轴(默认为水平方向)上的对齐方式。 + - 值: + - `flex-start`(默认值):子元素对齐到容器的起始位置。 + - `flex-end`:子元素对齐到容器的结束位置。 + - `center`:子元素居中对齐。 + - `space-between`:子元素在容器内均匀分布,两端对齐。 + - `space-around`:子元素在容器内均匀分布,每个子元素两侧有相等的空间。 \ No newline at end of file