Css 导航中的垂直对齐搜索栏

我试着在导航中垂直对齐我的搜索栏，我试着使用垂直对齐：中间；但它没有改变任何东西，我还需要知道如何改变搜索栏的大小，谢谢：） 顺便说一句，它在图片中真的很轻，但是导航就在搜索栏的正上方，它是浅灰色的

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#eee；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：黑色；
填充：14px 16px；
文字装饰：无；
}
li a:悬停：未（#活动）{
背景色：#ddd；
}
#活跃的{
背景色：#ccc；
}
li.下拉列表{
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉内容a:悬停{背景色：#f1f1}
.下拉：悬停.下拉内容{
显示：块；
}
页脚{
文本对齐：居中；
}
#导航格式{
垂直对齐：中间对齐；
}

搜索相册：

最简单的方法是像

#navform{
  line-height: 46px;
}

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#eee；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：黑色；
填充：14px 16px；
文字装饰：无；
}
li a:悬停：未（#活动）{
背景色：#ddd；
}
#活跃的{
背景色：#ccc；
}
li.下拉列表{
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉内容a:悬停{背景色：#f1f1}
.下拉：悬停.下拉内容{
显示：块；
}
页脚{
文本对齐：居中；
}
#导航格式{
线高：46px；
}

搜索相册：

您可以尝试添加此

 display:table-cell;
    vertical-align : middle;

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#eee；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：黑色；
填充：14px 16px；
文字装饰：无；
}
li a:悬停：未（#活动）{
背景色：#ddd；
}
#活跃的{
背景色：#ccc；
}
li.下拉列表{
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉内容a:悬停{背景色：#f1f1}
.下拉：悬停.下拉内容{
显示：块；
}
页脚{
文本对齐：居中；
}
#导航格式{
垂直对齐：中间对齐；
高度：45px；
显示：表格单元格；
垂直对齐：中间对齐；
}

搜索相册：

首先，我们需要了解垂直对齐。 1.垂直主要用于对齐任何元素内的文本。 2.它还可以用于垂直定位内联元素（如span、a和其他标记），但其父元素应具有静态高度

解决方案： 1.在导航栏底部添加一些填充物。 2.我们可以给输入元素提供维度。因此，通过id访问输入元素

导航条输入{ 高度：一定高度 宽度：一些宽度

---

}

代码在哪里？