css3之弹性布局

最新推荐文章于 2023-06-20 15:49:23 发布

my_love_download

最新推荐文章于 2023-06-20 15:49:23 发布

阅读量117

点赞数

分类专栏： css3 文章标签：布局

本文链接：https://blog.csdn.net/my_love_download/article/details/103342747

版权

css3 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.弹性布局之九宫格

	<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>弹性布局</title> 
<style> 
.container {
 display:flex;
 width:500px;
 height:auto;
 justify-content:center;
 flex-wrap:wrap;
 border:1px solid green;
 
}

.item {
 	width:100px;
 	height:100px;
 	background-color:red;
}
</style>
</head>
<body>

<div class="container">
  <div class="flex">1</div>
  <div class="flex">2</div>
  <div class="flex">3</div>  
  <div class="flex">4</div>
  <div class="flex">5</div>
  <div class="flex"> 6</div>  
  <div class="flex">7</div>
  <div class="flex">8</div>
  <div class="flex">9</div>  
</div>

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

my_love_download

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css3之弹性布局

1.弹性布局之九宫格 <!DOCTYPE html><html><head><meta charset="utf-8"> <title>弹性布局</title> <style> .container { display:flex; width:500px; height:auto; justi...
复制链接

扫一扫