重新设计下拉菜单的子菜单

Question

在我的基于wp的网站中，我有一个下拉菜单，子菜单继承了根菜单中的所有属性。如果子菜单项具有较大的文本，则会将其拆分为两行。就像在服务菜单下一样，子菜单软件开发分为两行

_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/

提前致谢

Answer 1

使用可以使用

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