阿发是否是

最新推荐文章于 2024-11-09 21:51:27 发布

Posionm

最新推荐文章于 2024-11-09 21:51:27 发布

阅读量106

点赞数

文章标签： python

本文链接：https://blog.csdn.net/qq_58341040/article/details/124256626

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div class="a1">1</div>
		<div class="box">
			
			<div class="a2">2</div>
			<div class="a3">3</div>
			<div class="a4">4</div>
			
		</div>
		<div class="a5">5</div>
		<style>
		body{
			border: #7FFFD4 2px solid;
		}
		.box{
			display: flex;
			
		}
		.box div{
			
			width: 40px;
			height: 40px;
			/*  */
			color: white;
			text-align: center;
			line-height: 40px;
			
			
		}
		.a1,.a5{
			
			width: 100%;
			height: 40px;
			background-color: aquamarine;
			color: white;
			text-align: center;
			line-height: 40px;
			margin: 0px auto;
			
			
		}
		.a2{
		
			order: -1;			
			flex: 0 0 100px;
			margin: 0;
			background-color: #595B66;
		}
		.a3{
			flex-grow: 1;
			background-color: #FFD200;
			
		}
		.a4{
			background-color: #797979;
			flex: 0 0 100px;
		
			
		}
		
		</style>
	</body>
</html>