CSS 弹性布局

横向：
1 普通、
display:flex; 

justify-content:space-between; 

flex-wrap:wrap;

2 设置个数和间距

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px 10px;

使用flex-direction属性设置弹性盒子的方向。默认值为row，表示水平方向。可以设置为column，表示垂直方向。

纵向：

.container {  
    display: flex;  
    flex-direction: row;  
    justify-content: space-between;  
    align-items: center;
}