如何在麪包屑導航欄中製作分隔線？

Question

我想在導航欄的鏈接之間自動創建「分隔線」。

前：首頁圖書館註銷
後：主頁/庫/註銷

我怎樣才能做到這一點？

Answer 1

試試這個。

，並在CODEPEN

HTML檢查例如：

<div class="navbar navbar-default"> 
    <ul class="nav navbar-nav"> 
    <li><a href="#">HOME</a></li> 
    <li><a href="#">ABOUT US</a></li> 
    <li><a href="#">SERVICES</a></li> 
    <li><a href="#">WORK</a></li> 
    <li><a href="#">BUSINESS</a></li> 
    <li><a href="#">CONTACT</a></li> 
    </ul> 

</div> 

CSS：

div.navbar a { 
    display: inline-block; 
} 

ul li:after { 
    content: "/"; 
} 

ul li:last-child:after { 
    content: ""; 
} 

我希望它能幫助你