利用display: flex来将表格容器table转换为Flex容器。通过设置flex-direction: column,我们使得行沿垂直方向排列。而对于行row,我们通过设置display: flex和flex-direction: row来实现行中单元格沿水平方向排列。
flexbox布局最常用的是flex属性。它可以设置父容器上的弹性盒子属性,包括弹性盒子的方向、对齐方式、伸缩比例、是否换行、是否开启主轴方向上的空间分配等等。