div布局和flex布局區別？

div布局使用的是“盒模型”加上display、position和float屬性，但是對于一些特殊的布局實現例如居中卻是比較麻煩。

Flex 即為Flexible Box，指的是“彈性布局”，它可以為盒模型提供更加靈活的布局方式，例如，用flex可以優雅地實現水平豎直居中的布局。