练习

2021-04-29 17:16:40 +08:00
parent 812be57880
commit 55c598cdb1
195 changed files with 12788 additions and 34 deletions
--- a/teaching/林锦绣/flex.html
+++ b/teaching/林锦绣/flex.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        *{
+            margin:0;
+            padding:0;
+        }
+        .box{
+            height: 500px;
+            border: 1px solid blue;
+            display: flex;
+            justify-content:space-between;
+            /* align-items: baseline; */
+            align-items: flex-end;
+        }
+        .item{
+            width: 200px;
+            height: 200px;
+            background:red;
+            line-height: 50px;
+        }
+    </style>
+</head>
+<body>
+    <div class="box">
+        <div class="item">aaaa</div>
+        <div class="item"></div>
+        <div class="item"></div>
+    </div>
+</body>
+</html>