<el-menu>中,<el-menu-item>分别有首页、仓库、安装与教程、客服帮助、我的。让前三个菜单实现水平居中
时间: 2024-01-27 08:05:51 浏览: 66
Element NavMenu导航菜单的使用方法
您可以在 <el-menu> 标签中使用属性 mode="horizontal" 来实现菜单水平显示。然后使用 CSS 属性 text-align: center; 将前三个 <el-menu-item> 设置为水平居中。
以下是示例代码:
```html
<el-menu mode="horizontal">
<el-menu-item index="1">首页</el-menu-item>
<el-menu-item index="2">仓库</el-menu-item>
<el-menu-item index="3">安装与教程</el-menu-item>
<el-menu-item index="4">客服帮助</el-menu-item>
<el-menu-item index="5">我的</el-menu-item>
</el-menu>
<style>
.el-menu__item:nth-child(-n+3) {
text-align: center;
}
</style>
```
阅读全文