# 固定宽度

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

在引用您的图标的HTML元素上添加fa-fw类,以将一个或多个图标设置为相同的固定宽度。 当更改图标宽度(例如,宽而短的图标上方的高而瘦的图标)会使得所有图标垂直对齐时,这个功能非常有用。 为了清晰,在下面的示例中,我们在图标上添加了背景色,以便您可以看到固定的宽度,还可以增大父元素的字体大小。

Skating
Skiing
Nordic Skiing
Snowboarding
Snowplow
   <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>