如何让字体进入导航里面用的element ui

Question

原效果

我的效果

代码

    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" >
  <el-menu-item index="1" class="fontClass">艺术梦想基金</el-menu-item>
  <el-menu-item index="1" class="fontClass">NFT销毁</el-menu-item>
  <el-menu-item index="1" class="fontClass">NFT</el-menu-item>
  <el-menu-item index="1" class="fontClass">平台清理</el-menu-item>
  <el-menu-item index="1" class="fontClass">白皮书</el-menu-item>
  <el-menu-item index="1" class="fontClass">处理中心</el-menu-item>
  <el-menu-item index="1" class="fontClass">处理中心</el-menu-item>
</el-menu>


.fontClass{
  margin-right: 10px !important;
  height: 20px !important;
}

Answer 1

代码贴的少了点，右键查看一下源代码，line-height是不是太高了