CSS布局：網(wǎng)頁(yè)、APP、小程序等前端的界面布局都需要打好基礎(chǔ)
小游戲簡(jiǎn)單模式通關(guān)了，但是后邊用到的align-content沒(méi)明白。
作業(yè)
<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>甜糖</title>
?</head>
?<body style="
??margin: 0px;
??display: flex;
??flex-direction: column;
??align-items: center;
"><touxianglan style="
??width: 100%;
??height: 100px;
??background-color: #eee;
??display: flex;
??align-items: center;
??justify-content: center;
"><img src="https://c-ssl.duitang.com/uploads/blog/202202/05/20220205103059_ce56f.jpeg" alt="陸沉" width="80px" height="80px"></touxianglan>
<zhuneirong style="
??display: block;
??padding: 30px;
??max-width: 700px;
??min-height: 70vh;
??letter-spacing: 1px;
??line-height: 1.7;
"><p>我想和你一起生活</p>
??<p>在某個(gè)小鎮(zhèn)</p>
??<p>共享無(wú)盡的黃昏和綿綿不絕的鐘聲</p>
??<p>我很期待這場(chǎng)獨(dú)一無(wú)二的旅程</p>
</zhuneirong>
<dibulan style="
??width: 100%;
??height: 60px;
??background-color: #eee;
??display: flex;
??align-items: center;
??justify-content: center;
">
??<p>版權(quán)</p>
??<p>備案號(hào)</p>
</dibulan>
???
???
???
???
???
???
??
</body></html>
