flex:initial适合小部件元素的分布布局，flex:0适合用到替换元素的场景，flex:none适合按钮等不换行的小控件，flex:1适合等分布局，flex:auto适合基于内容动态适配的布局，具体的剖析可以点击链接进行查看。
文章关键字 ‘flex布局’
flex:0 flex:1 flex:none flex:auto应该在什么场景下使用？
2020年10月6日，星期二CSS gap属性进化史
2020年06月7日，星期日
CSS columns轻松实现两端对齐布局效果
2020年05月27日，星期三
Oh My God，CSS flex-basis原来有这么多细节
2019年12月31日，星期二
Flex元素尺寸由盒模型，自身尺寸和flex属性共同决定，其中，自身尺寸包括width和content内容尺寸，flex属性中的flex-basis直接与尺寸关联，这些尺寸混杂在一起，究竟是如何生效的呢？其中细节又是什么呢？本文会为你揭晓这些问题的答案。
我的应用
我的应用