第一部分 基本用法示例

缩小浏览器窗口,flex布局发生变化


第二部分 单列演示

50*100
100*200
150*300
200*400

第三部分 flex-shrink演示

300*100
300*200
300*300
300*400

第四部分 示例:盒子在容器内水平垂直居中

300*300

下面是MDN中的一个垂直居中的例子

Centered content