保持所有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;
}