保持所有LI的邊框高度相同

Question

我有一個帶有嵌套UL的菜單。是否有一種只有CSS的方式才能讓垂直邊框保持最高設置菜單項的高度？請記住，這個菜單是動態的，所以寬度和高度都可以改變。

http://jsfiddle.net/simply_simpy/Kmyjr/

Answer 1

您可以刪除float:left規則，並添加在display:table-cell規則。

jsFiddle example。

CSS：

#menu-secondary_menu > li { 
    border-left: 1px solid #7d7d7d; 
    display: table-cell; 
    font-size: 9px; 
    line-height: 16px; 
    text-transform: uppercase; 
    color: #7d7d7d; 
    padding: 0 10px 0; 
    margin: 0 10px 0; 
}