flex与grid布局使用原则

最近看到一个大牛前端说的这两个布局在使用的时候如何抉择的原则，在这里记录一下：
原则一：是一维布局，还是二位布局？

一维布局：就是要不就都是横着布局，或都是竖着布局。

二维布局：就是横竖布局都存在。

一般来说一维布局用flex,二维布局用grid

原则二：是从内容出发，还是从布局出发

从内容出发：你先有一组内容（数量一般不固定），然后希望他们均匀的分布在内容中，由内容的大小决定占据的空间

从布局出发：先规划网格（数量一般比较固定），然后再把元素往里填充

从内容出发用flex，从布局出发用grid

希望以上原则能够为自己未来在前端布局的时候能够带来更好的体验。

标签：flex,布局,grid,一维,内容,出发
来源： https://www.cnblogs.com/ministep/p/15304484.html