实现五种 CSS 经典布局

居中对齐

.item {
    display: grid;
    place-items: center;
}

place-items: <align-items> <justify-items>;

align-items控制垂直，justify-items控制水平。两个属性值一样时，可以合并。 place-items: center;等同于place-items: center center;