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:52:29 +08:00
commit 0bfc02934c
5 changed files with 89 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
flex布局/flex1.html Normal file
View File

@@ -0,0 +1,11 @@
<html>
<head>
<link rel="stylesheet" href="container.css">
</head>
<body>
<div class = 'num1'>
<div class="inter"></div>
</div>
</body>
</html>

16
flex布局/flex2.html Normal file
View File

@@ -0,0 +1,16 @@
<html>
<head>
<link rel="stylesheet" href="contain1.css">
</head>
<body>
<div class="container1">
<div class="inter"></div>
<div class="inter"></div>
<div class="inter"></div>
<div class="inter"></div>
<div class="inter"></div>
<div class="inter"></div>
</div>
</body>
</html>

18
flex布局/flex5.html Normal file
View File

@@ -0,0 +1,18 @@
<html>
<head>
<link rel="stylesheet" href="container4.css">
</head>
<body>
<div class="container4">
<div class="first">
<div class="inter"></div>
<div class="inter"></div>
</div>
<div class="second">
<div class="inter"></div>
<div class="inter"></div>
</div>
</div>
</body>
</html>

19
flex布局/flex6.html Normal file
View File

@@ -0,0 +1,19 @@
<html>
<head>
<link rel="stylesheet" href="container5.css">
</head>
<body>
<div class="container4">
<div class="first">
<div class="inter"></div>
<div class="inter"></div>
</div>
<div class="cen"></div>
<div class="second">
<div class="inter"></div>
<div class="inter"></div>
</div>
</div>
</body>
</html>

25
flex布局/flex7.html Normal file
View File

@@ -0,0 +1,25 @@
<html>
<head>
<link rel="stylesheet" href="container6.css">
</head>
<body>
<div class="container6">
<div class="first">
<div class="inter"></div>
<div class="inter"></div>
<div class="inter"></div>
</div>
<div clsss="second">
<!-- <div class="inter"></div>
<div class="inter"></div>
<div class="inter"></div> -->
</div>
<div class="three">
<div class="inter"></div>
<div class="inter"></div>
<div class="inter"></div>
</div>
</div>
</body>
</html>