如何修复Wordpress (21 Eleven) CSS菜单对齐？
如何修复Wordpress (21 Eleven) CSS菜单对齐？
提问于 2013-05-20 06:14:18
伙计们
我在调整菜单的CSS部分时遇到了困难。
我在http://aaron.wordpresstiger.com上有一个网站，菜单的最后一个标题“联系人”前面有一行，与菜单不符。虽然我成功地获得了“主页”第一个菜单项正确匹配菜单，但不是最后一个。
你能告诉我我应该添加什么CSS来解决这个菜单问题吗？另外，请看一看，我需要菜单的最后一项，以显示为第一个相同的css (主页)。
我需要菜单的项目看起来类似于这里：http://officialfacebooklikes.com/index.html (看看最后一个正确匹配菜单的“联系人”)。
我期待着收到回复，寻求帮助:)
向Muzammil Rafiq致敬
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-05-20 06:46:24
在css中，您需要添加两种样式
#access li {
width: 25%;
}
#access li:last-of-type, li#menu-item-31{
border-right: none !important;
width:24% !important;
}第一个将使每个菜单元素的宽度的四分之一...第二个删除最后一个元素的右边框，并调整它的大小以适合导航栏的一行。
!important标签可能不是必需的，但它们将确保第一次就能正常工作。
Stack Overflow用户
发布于 2013-05-20 06:52:44
嗯，如果你想创建一个水平菜单，你应该浮动列表项。但是我可以从你的示例网站上看到，你希望列表项的宽度是均匀的，所以你需要将这些列表项放入容器中，确定每个列表容器的宽度，并浮动这些列表项。还有，文本对齐居中你的a标签。
祝好运!
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16640022
复制相关文章
相似问题
腾讯云开发者
