欢迎光临散文网 会员登陆 & 注册

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

2023-02-20 14:12 作者:sweet-ovo-sugar  | 我要投稿

小游戏简单模式通关了,但是后边用到的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>

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

分享到微博请遵守国家法律