嵌套之后“place-items”属性失效了

嵌套网格时，确实会出现`place-items`属性失效的情况。这是因为`place-items`属性只能作用于直接子级的网格容器，不能影响嵌套网格容器中的子级。

要解决这个问题，你可以在嵌套的网格容器中使用`align-items`和`justify-items`属性来实现类似的效果。这两个属性分别用于垂直和水平方向上的对齐。

例如，你可以分别在父级网格容器和子级网格容器中设置以下样式：

.parent-grid {
  display: grid;
  align-items: center;
  justify-items: center;
}

.child-grid {
  display: grid;
  align-items: center;
  justify-items: center;
}

这样可以在嵌套的网格容器中实现居中对齐效果。请注意，`place-items`属性可能不会直接影响嵌套网格容器中的子级。