固定宽度图标

需要垂直对齐一系列图标，例如在列表或导航菜单中？ 我们为这些情况提供了固定宽度的支持样式。

在引用您的图标的 HTML 元素上添加一类 fa-fw 以将一个或多个图标设置为相同的固定宽度。 当改变图标宽度（例如，一个又高又瘦的图标放在一个又宽又短的图标上）会影响垂直对齐时，这非常有用。 为了在下面的示例中清楚起见，我们在图标上添加了背景颜色，以便您可以看到固定宽度，并且还增加了父元素的字体大小。

<!-- vertically aligning icons -->
<div style="font-size: 2rem;">
  <div><i class="fas fa-skating fa-fw" style="background:DodgerBlue"></i> Skating</div>
  <div><i class="fas fa-skiing fa-fw" style="background:SkyBlue"></i> Skiing</div>
  <div><i class="fas fa-skiing-nordic fa-fw" style="background:DodgerBlue"></i> Nordic Skiing</div>
  <div><i class="fas fa-snowboarding fa-fw" style="background:SkyBlue"></i> Snowboarding</div>
  <div><i class="fas fa-snowplow fa-fw" style="background:DodgerBlue"></i> Snowplow</div>
</div>