Css 图像图标未与菜单标题垂直对齐

我的图标菜单看起来像

图标显示在文本标题的略上方。我阅读了这里给出的使用技巧。在指定了

行高

和

垂直对齐

之后，它没有任何效果

普朗克密码是

---

如何确保图标和文本项垂直对齐？

您的图标是

50px

方形元素上的背景图像。只需将背景设置为居中即可

 em[class^='icon-'] {
   display: inline-block;
   height: 50px;
   width: 50px;
   background-repeat: no-repeat;
   vertical-align : middle;
   line-height:50px;
   background-position: center; /* <--- this part */
 }

em[class^='icon-']{
显示：内联块；
高度：50px；
宽度：50px；
背景重复：无重复；
垂直对齐：中间对齐；
线高：50px；
背景位置：居中；/*尝试通过属性将图标居中放置在
em
元素中，这将使图标与标题文本一样居中并正确对齐（以前它们位于左上角）：

你可以在下面给出一个它的样子的例子

您可以使用
a em{margin top:10px；}
查看何时需要图标并更改
页边距顶部的值
背景位置：中间；
？击中靶心！！！
em[class^='icon-'] {
   /* omitted for brevity */
   background-position: center; 
}