grid居中总结

.container {
    display: grid;
    place-items: center;    /* 1.网格项居中 */
    place-content: center;  /* 2.网格居中，网格项撑满网格则效果为网格项居中 */
}
.child {
    place-self: center;     /* 3.网格项居中 */
    margin: auto;           /* 4.网格项居中 */
}