Flex布局
默认方向沿着水平方向排列
改变元素排列方向：
flex-direction: column(垂直)、row( 默认水平)
弹性盒子换行：
flex-wrap: wrap
调整多行对齐方式：
align-content:
取值与justify-content基本相同
PS:
伪元素画竖线
子绝父相：调整线的位置
width：0；height=边框的高度
bdl或者bdr选择一个即可
伪元素画横线
子绝父相：调整线的位置
height：0；width=边框的宽度
bdt或者bdb选择一个即可
