CSS3中的弹性框布局Flexbox可以实现的效果有哪些?

Question

CSS3中的弹性框布局Flexbox可以实现的效果有哪些?

Answer 1

以前用float浮动能做出来的玩意基本上都可以做。关键是Flexbox可以：

 

1. 可以方便的定义视觉上的先后顺序，如：

   <p>123</p>

   <p>234</p>

   <p>345</p>

   浏览器渲染出来：

   234 345 123

    

2. 可以让一大段内容不用添加多余的标签分割，直接实现竖方向的多列布局