1、想用flex实现这种布局
2、各个子元素高度不固定，从上到下依次排列
请问可以怎么实现？
附：
我对父元素定义了下面的规则：
display:flex;
flex-flow:row wrap;对子元素用p标签放了一些文本，未设置高度，结果显示效果如下红色标记是子元素被拉伸了，高度没有自适应：
你的布局需求看元素是等宽而不等高的，所以这里应该沿 column 方向排列，即flex-direction: column
http://codepen.io/cool_zjy/pen/zBWwLZ
angular-material官网里，有说的，记不大起来了，去看看就明白了