Html div中的文本显示在div的顶部，而不是中间 如何修复我的代码以显示div中间的文本？因为它显示在div的顶部 #fixed-menu { padding-top: 5px; padding-bottom: 5px; font-family: sans-serif; width: 100%; height: 38px; font-weight: light; position: fixed; top:0; left:0; right:0; font-size: 20px; background-color: #0082c5; border: 3px solid #0082c5; } #fixed-menu img { vertical-align: middle; } #fixed-menu ul { height: auto; padding: 0px 0px; margin: 0px; } #fixed-menu li { color: #fff; display: inline; padding: 10px; } #fixed-menu a { padding-top: 3px; transition:all linear 0.20s; font-family: sans-serif; text-decoration: none; color: #fff; } #fixed-menu a:hover { color: #000; } 我也试着把图像放在中间，这样就在中间，就像在固定的菜单IMG中一样，但是它不起作用，因为当我没有那个固定的菜单IMG，我在DIV中上传文件时，图片显示在文本旁边，由文本旁边的文本对齐，当图像的垂直对齐被设置为中间时，然后图片显示底部…o.o如何修复？这是JFIDLE： 感谢您的回答

第一次尝试在div和图像中不使用其他代码

#固定菜单{
垫面：5px；
垫底：5px；
字体系列：无衬线；
宽度：100%；
高度：38px；
字体重量：轻；
位置：固定；
排名：0；
左：0；
右：0；
字体大小：20px；
背景色：#0082c5；
边框：3px实心#0082c5；
}
#固定菜单img{
垂直对齐：中间对齐；
线高：25px；
}
#固定菜单{
高度：自动；
填充：0px 0px；
边际：0px；
}
#固定菜单li{
颜色：#fff；
显示：内联；
填充：10px；
}
#固定菜单a{
垫面：3件；
过渡：全线性0.20秒；
字体系列：无衬线；
文字装饰：无；
颜色：#fff；
}
#固定菜单a：悬停{
颜色：#000；
}
#搜索包装器{
位置：相对位置；
}
#搜索包装器{
位置：相对位置；
顶部：5px；
}

你的

CSS

不能在你的小提琴中反映你的

HTML

<代码>#固定菜单不存在。为什么？我在fiddle上看到菜单没有问题我注意到不同的fiddle该死的“searchwrapper”div不是我的，看起来我粘贴的fiddle保存了旧的html，只保留了我的css。。。因此，searchwrapper在这里不是解决方案