grid布局

display:grid;

grid-template-columns:100px 100px 100px
fr:比例

column-gap:20px
设置列间距
row-gap:20px
设置行间距

grid-template-areas

块轴对齐方式:
align-itens:center(居中)/end(靠下对其)/

行轴对齐:
justify-items:center/end/space-between(两端对齐)

align-content: center/end
justify-content: center/end/space-between