我试图让每个 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;
最佳答案
只需用我的 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;
}
请参阅所附图片结果符合您的要求:-
关于CSS:如何固定垂直菜单的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13559770/