如何让<el-menu>中的多个<el-menu-item>子盒子居中，而不是增大它们的外边距

要让<el-menu>中的多个<el-menu-item>子盒子居中，您可以使用flex布局。您需要将`<el-menu>`设置为`display: flex;`，然后将其子元素`<el-menu-item>`设置为`margin: auto;`。这将使所有的`<el-menu-item>`在`<el-menu>`中水平居中对齐而不会增加它们的外边距。例如：

<el-menu class="centered-menu">
  <el-menu-item>菜单项 1</el-menu-item>
  <el-menu-item>菜单项 2</el-menu-item>
  <el-menu-item>菜单项 3</el-menu-item>
</el-menu>

.centered-menu {
  display: flex;
}

.el-menu-item {
  margin: auto;
}

使用flex布局可以更好的控制子元素的对齐方式，可以灵活地实现居中、顶部对齐、底部对齐等布局。