嵌套之后“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`属性可能不会直接影响嵌套网格容器中的子级。

相关问题

el-popover嵌套el-popover placement位置失效

el-popover是Element UI框架中的一个组件，用于实现弹出式的气泡框。当嵌套el-popover时，placement属性可能会失效的原因有以下几点：

1. 父级popover的触发方式不正确：父级popover的触发方式应该设置为"manual"，而不是默认的"click"。这样可以避免点击父级popover时关闭子级popover。

2. 子级popover的触发方式设置错误：子级popover的触发方式应该设置为"click"，而不是默认的"hover"。这样可以确保子级popover在点击时才会显示。

3. 父级popover和子级popover的z-index值冲突：如果父级popover和子级popover的z-index值相同或者存在冲突，可能会导致placement位置失效。可以尝试调整它们的z-index值，确保子级popover的z-index值比父级popover更高。

4. 父级popover和子级popover的定位容器不正确：父级popover和子级popover应该分别设置不同的定位容器，以确保它们能够正确地相对于各自的定位容器进行定位。

如嵌套在el-col中呢

如果想要让`el-button`在`el-col`中自适应宽度，可以将`el-col`的`span`属性设置为`24`，然后将`el-button`的`size`属性设置为`small`或者`mini`。例如：

<el-row>
  <el-col :span="24">
    <el-button size="small" style="width: 100%;">自适应宽度</el-button>
  </el-col>
</el-row>

这样就可以让按钮在`el-col`中自适应宽度，并且保持小号大小。`el-col`的`span`属性设置为`24`是因为`el-row`的默认列数为`24`，这样可以让`el-col`占据整行的宽度。