el-menu-item横向居中
时间: 2023-06-27 09:08:28 浏览: 1371
vue2+el-menu实现路由跳转及当前项的设置方法实例
你可以使用CSS样式来实现`el-menu-item`的横向居中。比如,你可以设置`el-menu-item`元素的`text-align`属性为`center`,或者将其包裹在一个父容器中,并将父容器的`display`属性设置为`flex`,并使用`justify-content: center`属性来使其居中。
以下是一个示例代码:
```html
<template>
<div class="menu-container">
<el-menu>
<el-menu-item>菜单项</el-menu-item>
<el-menu-item>菜单项</el-menu-item>
<el-menu-item>菜单项</el-menu-item>
</el-menu>
</div>
</template>
<style>
.menu-container {
display: flex;
justify-content: center;
}
.el-menu-item {
text-align: center;
}
</style>
```
阅读全文