正确对齐fontawesome图标

Question

我目前无法找到一种方法在移动菜单上的图标后正确对齐文字，因为图标大小不同的文字未正确对齐。

＆＃xA;＆＃xA; < p> 移动菜单

＆＃xA;＆＃xA;

有谁知道这样做的伎俩？菜单是使用Wordpress生成的。

＆＃xA;

Answer 1

使用课程fa-fw作为图标。这将使所有图标具有相同的宽度。

See the official documentation：

  

使用fa-fw以固定宽度设置图标。当不同的图标宽度甩开对齐时很好用。特别适用于导航列表和列表组。

Answer 2

我没有使用fontAwesome而是使用了Google Icons。假设它们以相同的方式工作，您可以对齐这样的元素

.icons{
    width:30px
    height:30px;
    margin-right:10px;
}    

<div class='menu'><i class='icons'>Home</i></div>

您可以了解更多here如何使用Font Awesome图标

您可以查看Official documentation here