CSS之flex弹性盒模型

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/tylt6688/article/details/99200345

这是我们即将要实现的样式 

外部框class="out"      flex默认为横向显示，设置为以列（竖向）方式显示

.out{

display:flex;

flex-direction:column;

} 

内部显示五个边框的所有 class="in" 

.in{

display:flex;

flex:1;

}

在弹性盒中，若有一个固定宽度，剩下的属性可以设置基于当前弹性盒中flex=1占用空余的，来实现横向对齐（固比模型）