.container {
display: grid;
grid-template-columns: 125pxx 200px 125px;
grid-template-rows: 250px 100px;
gap: 50px;
justify-content: center;
align-content: center;
align-items: center;
}
作用:将每个单元格的内容设置对齐,默认的 stratch 会拉伸内容以覆盖整个单元格。
.container {
display: grid;
grid-template-columns: 125pxx 200px 125px;
grid-template-rows: 250px 100px;
gap: 50px;
justify-content: center;
align-content: center;
align-items: center;
}
作用:将每个单元格的内容设置对齐,默认的 stratch 会拉伸内容以覆盖整个单元格。