Html 下拉菜单宽度对齐

我之前刚刚就同一主题发布了我的问题。多亏了西蒙先生，我得到了正确的答案。我还发现了一个问题，下拉菜单的宽度非常小，它不是一行的，请了解详细信息。我希望文本排成一行

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

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

---

尝试将此添加到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 */
}

.green ul.mega-menu li a{
背景：url（“images/bg_green.png”）重复-x滚动100%0透明；
颜色：#000000；
显示：块；
浮动：左；
填充：12px 38px 12px 25px；
文本对齐：居中；/*尝试将其添加到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 */
}

.green ul.mega-menu li a{
背景：url（“images/bg_green.png”）重复-x滚动100%0透明；
颜色：#000000；
显示：块；
浮动：左；
填充：12px 38px 12px 25px；
文本对齐：居中；/*工作正常，但请单击“休息室”如果您将鼠标移动到任何链接上，悬停颜色会受到限制，并且不会覆盖整个区域。此>>>@user1820652的任何解决方案我已经更新了我的答案，以解决您随后的问题。当我删除此宽度为102px时，所有类别都会彼此接近。菜单右侧有一个空格。可以使用，但请单击“休息室”，如果您将鼠标移到任何链接上，悬停颜色会受到限制，并且不会覆盖整个区域。此>>>@user1820652的任何解决方案我都已更新了我的答案，以解决您后续的问题。当我删除此宽度为102px时，所有类别都会彼此接近。菜单右侧有一个空格。