Html 在导航栏中垂直居中下拉菜单

我的

导航栏有问题，它包含
下拉菜单
。我无法在我的
下拉菜单中垂直对齐菜单



（函数（$）{//beginjquery
$（函数（）{//DOM就绪
//如果链接有下拉菜单，请添加子菜单切换。
$（'nav ul li a:非（：独生子女）'）。单击（功能（e）{
$（this）.sides（'.nav下拉列表'）.toggle（）；
//选择另一个下拉列表时关闭一个下拉列表
$（'.nav下拉列表'）.not（$（this.sides（））.hide（）；
e、 停止传播（）；
});
//单击远离下拉列表将删除下拉列表类
$（'html'）。单击（函数（）{
$（'.nav下拉列表'）.hide（）；
});
//在单击时切换打开和关闭导航样式
$（“#导航切换”）。单击（函数（）{
$（'nav ul'）。滑动切换（）；
});
//汉堡包到X钮扣
$（“#导航切换”）。打开（'单击'，函数（）{
this.classList.toggle（'active'）；
});
})；//结束DOM就绪
})（jQuery）；//结束jQuery
.navigation{
高度：70像素；
背景：#2e；
边缘底部：20px；
}
.导航集装箱{
最大宽度：1000px；
保证金：0自动；
}
导航{
保证金：0自动；
文本对齐：居中；
}
导航ul{
列表样式：无；
保证金：0自动；
填充：0；
显示：内联块；
}
李国荣{
显示：内联块；
}
nav ul li a，nav ul li a：参观{
显示：块；
填充：0 20px；
线高：70px；
背景：#2e；
文字装饰：无；
}
导航ulli a：悬停，导航ulli a：访问：悬停{
背景：#2581dc；
颜色：#fff；
}
不（：独生子女）：之后，访问：不（：独生子女）：之后{
左侧填充：4px；
内容:'▾';
}
李国荣{
最小宽度：190px；
}
纳瓦尔利利亚酒店{
填充：15px；
线高：20px；
}
.导航下拉列表{
位置：绝对位置；
显示：无；
z指数：1；
盒影：0 3px 12px rgba（0,0,0,0.15）；
}
ul.nav-list>li>a{
文字装饰：无；
颜色：白色；
字体大小：15px；
}
.导航下拉列表>li>a{
颜色：白色；
文字装饰：无；
}



























使用
显示：block
显示
。导航下拉列表>li
，然后它就会工作

只需在css中添加以下代码

.nav-dropdown > li {
    display:block;
}


（函数（$）{//beginjquery
$（函数（）{//DOM就绪
//如果链接有下拉菜单，请添加子菜单切换。
$（'nav ul li a:非（：独生子女）'）。单击（功能（e）{
$（this）.sides（'.nav下拉列表'）.toggle（）；
//选择另一个下拉列表时关闭一个下拉列表
$（'.nav下拉列表'）.not（$（this.sides（））.hide（）；
e、 停止传播（）；
});
//单击远离下拉列表将删除下拉列表类
$（'html'）。单击（函数（）{
$（'.nav下拉列表'）.hide（）；
});
//在单击时切换打开和关闭导航样式
$（“#导航切换”）。单击（函数（）{
$（'nav ul'）。滑动切换（）；
});
//汉堡包到X钮扣
$（“#导航切换”）。打开（'单击'，函数（）{
this.classList.toggle（'active'）；
});
})；//结束DOM就绪
})（jQuery）；//结束jQuery
.navigation{
高度：70像素；
背景：#2e；
边缘底部：20px；
}
.导航集装箱{
最大宽度：1000px；
保证金：0自动；
}
导航{
保证金：0自动；
文本对齐：居中；
}
导航ul{
列表样式：无；
保证金：0自动；
填充：0；
显示：内联块；
}
李国荣{
显示：内联块；
}
nav ul li a，nav ul li a：参观{
显示：块；
填充：0 20px；
线高：70px；
背景：#2e；
文字装饰：无；
}
导航ulli a：悬停，导航ulli a：访问：悬停{
背景：#2581dc；
颜色：#fff；
}
不（：独生子女）：之后，访问：不（：独生子女）：之后{
左侧填充：4px；
内容:'▾';
}
李国荣{
最小宽度：190px；
}
纳瓦尔利利亚酒店{
填充：15px；
线高：20px；
}
.导航下拉列表{
位置：绝对位置；
显示：无；
z指数：1；
盒影：0 3px 12px rgba（0,0,0,0.15）；
}
ul.nav-list>li>a{
文字装饰：无；
颜色：白色；
字体大小：15px；
}
.导航下拉列表>li>a{
颜色：白色；
文字装饰：无；
}
.nav下拉列表>li{
显示：块；
}