html - 下拉菜单宽度对齐

Question

我之前刚刚针对同一主题发布了我的问题，即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 */
}