css - 为什么我的文字在这里向左移动？

Question

我正在尝试创建一个 CSS 菜单栏。

现在，请注意在我添加ul并赋予它的第一个菜单项（画笔）中submenu，文本向左移动。对于底部的两个，它在中间对齐。为什么会发生这种情况，我该如何解决这个问题？即使在添加子菜单之后，我也希望所有 menuItem 文本在中间对齐。

score 1 · Accepted Answer

原因是.menuItems没有宽度100%。如果更改为100%，则可以正常工作。

代码更改：

.menuItems{
width: 100%;
}

也一样.menuItems:hover

score 1 · Accepted Answer

设置width: 100%为.menuItems可能会损害效果。只需width: inherit;从.menuItems a选择器中删除。

score 0 · Accepted Answer

如果我理解正确，这可以帮助您：

.menuItems a {
display: block;
line-height: 40px;
height: inherit;
width: inherit;
text-align: center;
}

score 0 · Accepted Answer

主要问题是页面中的“SUBMENU”元素。它需要时间并将画笔菜单向左推

尝试解决推杆：

.menuItems{
width: 100%;
}

和

.menuItems:hover{
width: 110%; /*example*/
}

希望对您有所帮助...

4 回答 4