CSS布局:网页、APP、小程序等前端的界面布局都需要打好基础

小游戏简单模式通关了,但是后边用到的align-content没明白。
作业
<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>在某个小镇</p>
<p>共享无尽的黄昏和绵绵不绝的钟声</p>
<p>我很期待这场独一无二的旅程</p>
</zhuneirong>
<dibulan style="
width: 100%;
height: 60px;
background-color: #eee;
display: flex;
align-items: center;
justify-content: center;
">
<p>版权</p>
<p>备案号</p>
</dibulan>
</body></html>