From 5ccc94e1ff748122812016e603be144a983fee49 Mon Sep 17 00:00:00 2001
From: infinite <3537514482@qq.com>
Date: Wed, 20 Mar 2024 20:55:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6=E8=87=B3?=
 =?UTF-8?q?=20flex=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 flex布局/container5.css | 28 ++++++++++++++++++++++++++++
 flex布局/container6.css | 19 +++++++++++++++++++
 2 files changed, 47 insertions(+)
 create mode 100644 flex布局/container5.css
 create mode 100644 flex布局/container6.css

diff --git a/flex布局/container5.css b/flex布局/container5.css
new file mode 100644
index 0000000..c96b4dd
--- /dev/null
+++ b/flex布局/container5.css
@@ -0,0 +1,28 @@
+.container4{
+    width: 400px;
+    height: 400px;
+    background-color: aqua;
+    display:flex;
+    justify-content: space-between;
+}
+.inter{
+    width: 120px;
+    height: 120px;
+    background-color: blue;
+}
+.cen{
+    width:120px;
+    height: 120px;
+    align-self: center;
+    background-color: blue;
+}
+.first{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+.second{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
\ No newline at end of file
diff --git a/flex布局/container6.css b/flex布局/container6.css
new file mode 100644
index 0000000..8b25099
--- /dev/null
+++ b/flex布局/container6.css
@@ -0,0 +1,19 @@
+.container6{
+    width: 300px;
+    height: 300px;
+    display: flex;
+    background-color: aqua;
+    justify-content: space-between;
+}
+.inter{
+    height: 80px;
+    width: 80px;
+    background-color: blue;
+
+}
+.first,.second,.three{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+}
\ No newline at end of file