前言

最早开始接触 flex 时，是作为一个新的知识点进行吸收学习的。

恩，网上说很好很强大。

用途

几个司空见惯的

1.水平垂直居中

 justify-content: center;
 align-items: center;

2.固定某一边宽度，另一边占满

 flex: 1 // flex-grow: 1;

简单理解就是哪边需要设置这个属性即可

在线示例

并不太常使用的

我也是偶然间突然奇想。
比如 chrome 浏览器的标签, 如果标签越来越多，那么所有的标签就会自动缩小。反之，当标签个数并不多的时候，它就会自动放大。

标签栏仿真

效果其实并不难实现，只是貌似不用 flex（弹性布局），就实现不了~

毕竟那几个司空见惯的效果，都可以用其他的办法来实现。

End

页面重构的工作，有的时候真的很有意思。就像走迷宫一样，而且出口还不止一个。

然而为什么我习惯使用一些相对老的代码实现同样的效果，比如 float，transform 之类的。

兼容性肯定是要考虑的，以及对项目稳定的保证，毕竟新的东西，谁也不敢说会不会有什么未知的坑。当然，随着时间的推移，各种坑已经被踩完了。

那么放心大胆的用：)