弹性盒子----作业1


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		
		<div class="bigview1">
			<div class="bigview">
				<div class="item">
					<div class="smorediv"></div>
					<div>化学课</div>
				</div>
				<div class="item">
					<div class="smorediv"></div>
					<div>化学课</div>
				</div>
				<div class="item">
					<div class="smorediv"></div>
					<div>化学课</div>
				</div>
				<div class="item">
					<div class="smorediv"></div>
					<div>化学课</div>
				</div>
				<div class="item">
					<div class="smorediv"></div>
					<div>化学课</div>
				</div>
			</div>
		</div>
		
		
		<style>
			.bigview1{
				width: 500px;
				height: 200px;
				background-color: cornflowerblue;
				display: flex;
				align-items: center;
			}
			.bigview{
				width: 500px;
				height: 100px;
				background-color: blue;
				background-color: aqua;
				display: flex;
				justify-content: space-around;
				align-items:center;
			}
			.item{
				/* height: 100px; */
				display: flex;
				flex-direction: column;
				font-size: 10px;
				text-align: center;
				color: white;
			}
			.smorediv{
				width: 50px;
				height: 50px;
				background-color: red;
				
			}
		</style>
	</body>
</html>

相关阅读:
iTOP3A5000开发板多路PCIE、SATA、USB3.0等
数据分析是大数据最热门的投资赛道
如何快速学习客户寄来的产品？
Python的异常处理
docker部署rabbitMQ
c++文件解析之换行（CRLF、LF、CR）
越折腾越好用的 3 款开源 APP
CV复习：K-means聚类
【ROS】节点&话题
图像处理——数组变换

原文地址：https://blog.csdn.net/qq_36935391/article/details/127804995