infinite/web-learning
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

上传文件至 flex布局

Browse Source
This commit is contained in:
infinite
2024-03-20 20:55:57 +08:00
parent 3091c6108e
commit 5ccc94e1ff
2 changed files with 47 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
flex布局/container5.css Normal file
View File

@@ -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;
}

19
flex布局/container6.css Normal file
View File

@@ -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;
}