Question

当我将鼠标悬停在水平导航菜单上的页面名称上时，相对的子页面会浮动到下方。

当这些显示为居中时，如何对齐这些以使它们对齐左边（与导航菜单标题名称一致）。

你可以通过转到

来看到这一点

http://79.170.44.145/sweetfe2.co.uk/

将鼠标悬停在“商业服务”上会看到那个下拉菜单？我希望左对齐，以便“练习影城牛津”这样的页面链接会将这两个句子直接悬浮在“商业服务”下面。

非常感谢，

萨姆

Answer 1

为什么不添加到CSS：

.sub-menu{
  text-align:left;
}

您可能还想添加padding-left:12px以更好地对齐子菜单项。

Answer 2

你的意思是：

text-align：left;

/wp-content/themes/designfolio-pro/style.css?ver=3.8.1

nav ul ul {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: none;
    float: left;
    left: -1px;
    list-style: none outside none;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 150px;
    z-index: 89;
}

Answer 3

使用＆＃39; text-align：left to。子菜单`将文字对齐

.sub-menu{
  text-align:left;
  width: 176px;
}

添加margin-left以将子菜单与主菜单项对齐

.menu > li > ul{
  margin-left:12px;
}

对齐下拉菜单 - 左侧

3 个答案: