如何使用 vue 材料在导航栏中左对齐我的项目？答案

【问题标题】：HOW do I left align my items in my navigation bar using vue material?如何使用 vue 材料在导航栏中左对齐我的项目？
【发布时间】：2017-12-28 18:05:03
【问题描述】：

我想左对齐导航栏中的以下项目：服务、支持和登录。

这是代码：

<md-whiteframe md-elevation = "1" class = "main-toolbar">
  <md-theme md-name = "teal" >

   <md-toolbar class = "navigation md-primary"  >


<router-link class = "nav-link " :to = " { name: 'Home' }">levi</router-link>



    <router-link class = "nav-link" :to = "{ name: 'Product' }">
        Service 
    </router-link> 

         <router-link class = "nav-link" :to = "{ name: 'Support' }">
        Support
    </router-link>

        <router-link class = "nav-link" :to = "{ name: 'Sign' }">
        Sign in
    </router-link>

</md-toolbar>
    </md-theme>

       </md-whiteframe>

上图是现在的样子。我想左对齐除列维项目之外的所有内容。

【问题讨论】：

标签： html vue-material

【解决方案1】：

在Service router-link前添加如下代码：

<v-spacer></v-spacer>

【讨论】：