html - 下拉菜单宽度对齐

Question

我之前刚刚针对同一主题发布了我的问题 Here .多亏了西蒙先生，我得到了正确的答案。我又发现了一个问题，下拉菜单的宽度非常小，而且不是在一行中，请Click Here了解详情。我希望文本排成一行...

另外，他说要使用下面的代码删除菜单栏中的最后一个拆分器。我不知道把这个放在哪里。你能帮帮我吗..谢谢..

$('.green ul.mega-menu li:last-child a').css('background','none');

Answer 1

尝试将此添加到您的 CSS:

.mega-menu a { white-space: nowrap; }

对于第二个问题(导航项的宽度):

在以下 CSS 声明中删除固定宽度(我会将 text-align: center 更改为 text-align: left):

.green ul.mega-menu li a {
    background: url("images/bg_green.png") repeat-x scroll 100% 0 transparent;
    color: #000000;
    display: block;
    float: left;
    padding: 12px 38px 12px 25px;
    text-align: center; /* <--- Change this to text-align: left; */
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFFFFF;
    width: 102px; /* <--- Remove this */
}