2013-03-22 246 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