版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
这是我们即将要实现的样式
外部框class="out" flex默认为横向显示,设置为以列(竖向)方式显示
.out{
display:flex;
flex-direction:column;
}
内部显示五个边框的所有 class="in"
.in{
display:flex;
flex:1;
}
在弹性盒中,若有一个固定宽度,剩下的属性可以设置基于当前弹性盒中flex=1占用空余的,来实现横向对齐(固比模型)