我正在尝试创建一个 CSS 菜单栏。
这是小提琴链接
现在，请注意在我添加ul并赋予它的第一个菜单项（画笔）中submenu，文本向左移动。对于底部的两个，它在中间对齐。为什么会发生这种情况，我该如何解决这个问题？即使在添加子菜单之后，我也希望所有 menuItem 文本在中间对齐。
问问题
73 次
4 回答
1
原因是.menuItems没有宽度100%。如果更改为100%，则可以正常工作。
这是工作解决方案
代码更改：
.menuItems{
width: 100%;
}
也一样.menuItems:hover
于 2013-06-24T12:23:53.543 回答
1
设置width: 100%为.menuItems可能会损害效果。只需width: inherit;从.menuItems a选择器中删除。
于 2013-06-24T12:29:14.073 回答
0
如果我理解正确，这可以帮助您：
.menuItems a {
display: block;
line-height: 40px;
height: inherit;
width: inherit;
text-align: center;
}
于 2013-06-24T12:24:08.650 回答
0
主要问题是页面中的“SUBMENU”元素。它需要时间并将画笔菜单向左推
尝试解决推杆：
.menuItems{
width: 100%;
}
和
.menuItems:hover{
width: 110%; /*example*/
}
希望对您有所帮助...
于 2013-06-24T12:29:44.473 回答