From 8c7ffbcf2a354b4102af9a1c94e5000927aab3d3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=83=A1=E8=8E=B9=E8=8E=B9?= <1811054376@qq.com> Date: Fri, 9 May 2025 11:28:13 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../17.md" | 23 +++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 "38 \350\203\241\350\216\271\350\216\271/17.md" 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 0000000..f22d0bd --- /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 -- Gitee