block，flex，inline-flex，inline-block区别

block和flex：

每一块都是占一整行，元素会换行

block是所有元素都占一行，flex是包裹在一起的元素占一行。

inline-block和inline-flex：

总共占一行，

inline-block是各个元素占一小行的，inline-flex是包裹在一起的元素为一小行。

可以设置每个块块宽度

当加上 flex-direction: column;

flex和block效果一样；

inline-flex和inline-block效果一样。

竖着的一行