el-menu-item内部元素如何居中显示

可以尝试以下几种方法：

1. 使用 flex 布局，在 el-menu-item 上设置 display: flex; justify-content: center; align-items: center; 来实现内部元素的水平垂直居中。

2. 使用绝对定位，将内部元素设置为 position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 来实现水平垂直居中。

3. 使用 text-align 和 line-height 属性来实现内部元素的垂直居中，如设置 el-menu-item 的 text-align: center; line-height: 50px; 内部元素的 line-height 与 el-menu-item 的 line-height 相等即可。

4. 使用 table 属性来实现内部元素的水平垂直居中，如将 el-menu-item 的 display 设置为 table; 内部元素的 display 设置为 table-cell; vertical-align: middle; 即可实现水平垂直居中。

相关问题

如何让<el-menu>中的<el-menu-item index="1">首页</el-menu-item>，进行居中

可以使用CSS来实现<el-menu-item>元素居中。可以为<el-menu-item>元素的父元素<el-menu>添加以下CSS样式：

.el-menu {
  display: flex;
  justify-content: center;
}

这会将<el-menu>元素的子元素居中对齐。

如何让<el-menu>中的<el-menu-item index="1">首页</el-menu-item>，进行居中，同时<el-submenu>右浮动而不会挤出去

要实现这个效果，可以使用 flex 布局。将 el-menu 设置为 display: flex; 并且设置 justify-content: center; 就可以让 <el-menu-item> 元素居中显示。同时，将 <el-submenu> 的样式设置为 float: right; 就可以实现右浮动而不会被挤出去。具体的 CSS 代码如下：

.el-menu {
  display: flex;
  justify-content: center;
}

.el-submenu {
  float: right;
}