2011-12-01 106 views
3

使用Zend_Navigation爲頁面設置分隔符有什麼方法嗎?Zend_Navigation_Container設置分隔符

例如,我在我的視圖中調用$ this-> navigation() - > menu()以呈現無序列表的形式呈現導航菜單。我希望在所有菜單項之間有一個分隔符,例如|。

那麼,這是不是最後每個菜單項,將結束與:

</a> | </li> 

回答

2

你可以在這樣的CSS做到這一點。

li:before { 
    content: "|"; 
} 

li:first-child:before { 
    content: ""; 
} 

li:first-child a { 
    margin-left: 0; 
} 

li a { 
    margin: 0 0 0 2mm; 
} 

這裏的反向邏輯適用於瀏覽器兼容性。 IE < 9不支持最後孩子,但支持第一個孩子。