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

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

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

2013-06-24 12:29:14

正是我想要的。非常感谢@HashemQolami –

@NavneetSaini不客气。 –

原因是.menuItems的宽度不是100%。如果它更改为100%，它工作正常。

更改代码：

.menuItems{ 
width: 100%; 
}

上也是如此.menuItems:hover

2013-06-24 12:23:53 Nitesh

感谢您的回答。但是如果我不想拥有100％的宽度呢？ –

你在与宽度战斗桌布局。更好地让这一切都是块级布局。 –

@ HashemQolami的答案解决了这个问题。 –

如果我理解你的权利，这可以帮助你：

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

2013-06-24 12:24:08

对不起，但它没有。 –

它在您考虑布局时有效：http://jsfiddle.net/ssF5K/15/ –

的主要问题是在页面中的 “子菜单” 元素。它采取的SPase和推动刷菜单向左

尝试解决放：再次

.menuItems{ 
width: 100%; 
}

和

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

希望对您有所帮助......

2013-06-24 12:29:44

回答