wordpress 菜单描述 css bug-无法对齐
我正在使用的主题允许在主菜单项下进行描述(在菜单描述中输入)。我能够毫无问题地对齐主要导航项目中心,但我试图对齐下面的描述以匹配,但没有运气。因为这些项目都有不同的字符长度,所以我无法通过填充调整来解决这个问题。
这是导航: http://screencast.com/t/F7h1Sp0tk
CSS 存在于两个区域,但如果或有其他需要的话,我会很乐意将两者全部粘贴到一起。
非常感谢。
描述:
span.descmenu {
font-size:12px;
color:#989797;
padding: 0.85em 40px 0.7em 25px;
主要导航:
/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display:block;
width:80px;
padding:4px 15px;
text-decoration: none;
line-height: 10px;
outline: none;
text-align:center;
font-size: 12px;
color:#7c7c7c;
The theme I am working with allows for a description (entered in menu description) under the main menu items. I was able to align the main nav items center without a problem, but I'm trying to align the descriptions under to match with no luck. Because the items all have different character lengths this isn't something I am able to solve with padding adjustments.
Here is the navigation: http://screencast.com/t/F7h1Sp0tk
The CSS exists in two areas, but I will happily pastebin both in full if or anything else needed.
Thank you very much.
Description:
span.descmenu {
font-size:12px;
color:#989797;
padding: 0.85em 40px 0.7em 25px;
Main nav:
/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display:block;
width:80px;
padding:4px 15px;
text-decoration: none;
line-height: 10px;
outline: none;
text-align:center;
font-size: 12px;
color:#7c7c7c;
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您是否为
span.descmenu
尝试过margin:auto 0;
或text-align:center;
?Have you tried
margin:auto 0;
ortext-align:center;
forspan.descmenu
?