百度任务10-flex布局
时间：2023-03-31 13:56:27
CSS
CSScode.box{width:500px;高度：300px；显示：弹性；边框：1px纯红色；证明内容：空格-between；flex-wrap:wrap;}.boxdiv{background:green}.div1{width:120px;height:80px;}.div2{width:100px;height:40px;}.div3{width:60px;height:40px;}.div4{width:300px;height:40px;}效果图：2.align-items现在加上align-items:flex-start;.box，没有变化。align-items:center变成：align-items:flex-end变成：这时候两条线是绑在一起的，都一起移动。3.align-content忽略第二步，给.box加上属性align-content:flex-start，结果：一气呵成。给.box加上属性align-content:space-between，结果：结论：效果和justify-content一样，不过这个是垂直的。
