概述
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
#box{
display: flex;
width :100%;
height: 200px;
background: yellow;
flex-direction: column;/*默认水平放心*/
}
#box div{
background: blue;
flex: 1;
}
#box div:nth-child(2n){
background: red;
flex: 2;
}
</style>
<body>
<div id="box">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
最后
以上就是拉长音响为你收集整理的弹性盒模型的全部内容，希望文章能够帮你解决弹性盒模型所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复