Question

我正在处理这个site并添加了带有下拉菜单的标题菜单。第三个菜单项 WINDOWS SUPPORT 子菜单与左侧对齐，而其他菜单项与下拉列表的中心对齐。我已将css编辑为

.sub-menu li a {

text-align: center;
}

但下拉区域与其他区域相对应。请帮助我使其对齐正确。谢谢!!

Answer 1

我检查了你的网站。只需在你的CSS中添加这两个类。它将解决问题。

#mainmenu .menu-item-292 ul
{
 left:-15px;
}

#mainmenu .menu-item-292 li
{
 padding-left:15px !important;
}

Answer 2

观看您的css文件并删除此2行

#mainmenu .menu-item-291 a{margin-right:15px;}
#mainmenu .menu-item-292 a{margin-left:-16px;}

如果你想增加空间，可以使用填充和边框：box-sizing

Answer 3

你有

   #mainmenu .menu-item-292 a {
        margin-left: -16px;
    }

它已经超越了Windows支持＆＃34;锚，以及它下面的所有锚。

Answer 4

试试这个

将 margin-left：0; css添加到你的style.css文件中给定的锚标签我想在第一行。 383

#header #mainmenu ul.children li a, #header #mainmenu .sub-menu li a {
    color: #FFFFFF;
    font-family: 'menu-font' !important;
    font-size: 13px !important;
    padding: 5px 20px;
    text-align: left;
    text-transform: uppercase;
    margin-left: 0;
}

我希望这能解决你的问题！

下拉菜单对齐左侧

4 个答案: