小编已经写完了认识Flex布局（一）、（二）、（三），希望大家对Flex布局有个基本的认识，今天小编主要是罗列Flex布局实战，来完成Flex布局的应用。主要从下面几个场景来实战：
骰子布局
基本网格布局
百分比布局
输入框布局
流式布局
圣杯布局
现在通过实现效果截图将场景罗列，在后续的篇章中，小编以实现思想+代码的方式来讲解如何实现上面的场景。
骰子布局
基本网格布局
百分比布局
输入框布局
流式布局
看完上面的截图效果，好像少了圣杯布局吧？ 其实没有啦，每个图片中都是使用圣杯布局来实现的效果图哟。
小编在此篇文章，只是罗列后续文章中将讲解Flex布局实战的场景，后续会进一步来分析思想和对应的代码提供，如大家有什么疑问可以留言。
未完
今天就到这里，下一篇骰子布局