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 */
}

下拉菜单宽度对齐

1 个答案: