display: flex;
display:flex是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持。
flex-wrap:wrap;
柔性包装 用于定义flex容器中的项目如何换行 \
display: flex;
可以创建一个弹性布局容器,使其内部的子元素能够根据一定的规则自动调整位置和大小
flex-direction:column;
用于设置flex布局中主轴的方向为垂直方向