CSS:如何固定垂直菜单的宽度？

Question

我试图让每个 li 元素的宽度完全相同。例如，如果有一个 long text ul 使其余 ul 的大小相同或具有有限的宽度大小，以便最长的 ul 可以刹车分为两行。

请参阅黄色的左栏菜单。这就是我所拥有的:

这就是我的目标:

CSS

#menu-esde li a {
    background-color: #FFC477;
    border: 1px solid white;
    color: #FFFFFF;
    float: right;
    font-size: 20px !important;
}
#secondnav li a, #menu-esde li a {
    background-color: #FFC477;
    border: 1px solid white;
    color: #FFFFFF;
    float: right;
    font-size: 20px !important;
}
#secondnav li a {
    border: medium none;
    display: block;
    padding: 3px 8px;

网站: http://npmaudiovisual.com/esde/?page_id=36

Answer 1

只需用我的 css 更新你的 CSS :-

#secondnav li a, #menu-esde li a {
    background-color: #FFC477;
    border: 1px solid white;
    color: #FFFFFF;
    float: right;
    font-size: 20px !important;
    text-align: left;
    width: 205px;
}

请参阅所附图片结果符合您的要求:-