2013-03-22 76 views
0

在我的基于wp的网站中,我有一个下拉菜单,子菜单继承了根菜单中的所有属性。如果子菜单项具有较大的文本,则它分成两行。像在服务菜单中的子菜单中的软件开发两线splited重新设计下拉菜单的子菜单

_Software

Developemt_

我想,以适应它一条线,如“软件开发”

我想这

ul#mainmenu-menu li:hover ul.sub-menu { 
    display: block; 
    padding:2px; 
} 

ul#mainmenu-menu ul.sub-menu > li { 
    border: none; 
    display: block; 
    float: none; 
    font-weight: normal; 


} 
ul#mainmenu-menu ul.sub-menu > li > a { 
    height: auto; 

    line-height: 10px; 
    padding:2px; 
} 

但没有工作。我该如何解决它。

我的工作现场http://aniyanetworks.net/Blog/

在此先感谢

回答

0

使用可以使用

ul#mainmenu-menu ul.sub-menu li a { 
    white-space: nowrap; 
} 
+0

由于现在是在同一行,但出现了新的问题。现在文本出现了,我怎样才能调整子菜单的宽度? – 2013-03-22 17:42:21

+0

只需增加填充宽度即可 – Morpheus 2013-03-25 08:18:22