我想在导航栏中正确对齐我的产品和支持链接。您如何整体对齐vue.js项目导航栏中的链接?
这是代码。
<md-whiteframe class = "main-toolbar ">
<md-theme name = "teal">
<md-toolbar class = "">
<router-link class = "nav-link " :to = " { name: 'levi' }" style = "color:white; text-decoration: none; ">levi</router-link>
<router-link id = "nav"class = "nav-link" :to = "{ name: 'Product' }" style = "color:white; text-decoration: none;">
Product
</router-link>
<router-link id = "nav" class = "nav-link" :to = "{ name: 'Support' }" style = "color:white; text-decoration: none;">
Support
</router-link>
</md-toolbar>
</md-theme>
</md-whiteframe>