如何正確對齊我的Vue.js項目導航欄中的鏈接？

我想在我的導航欄中將我的產品和支持鏈接對齊。如何在整體項目的vue.js項目的導航欄中對齊鏈接？如何正確對齊我的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>

來源

2017-07-27 Waltham WECAN

您已經詢問了21個問題，並且從未接受任何答案。你應該參加這個網站！當他們用upvotes回答你的問題並接受時給予人們反饋。 – Bert

@BertEvans我很抱歉沒有足夠的參與。我會增加對社區的貢獻。 –

添加flex:1您levi鏈接的樣式。

<md-toolbar class = ""> 
    <router-link class = "nav-link " :to = " { name: 'levi' }" style = "color:white; text-decoration: none; flex: 1">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>

更新fiddle。

來源

2017-07-27 02:53:45 Bert

如何正確對齊我的Vue.js項目導航欄中的鏈接？

回答

相關問題