Font Awesome 图标固定宽度 - Font Awesome 图标库

fa-fw 类用于设置固定宽度的图标

当不同的图标宽度偏离对齐时，此类非常有用，特别适用于 Bootstrap 的导航列表和列表组

<!DOCTYPE html>
<meta charset="utf-8" />
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
<div class="list-group">
  <a href="#" class="list-group-item"><i class="fa fa-home fa-fw"></i> Home</a>
  <a href="#" class="list-group-item"><i class="fa fa-book fa-fw"></i> Library</a>
  <a href="#" class="list-group-item"><i class="fa fa-pencil fa-fw"></i> Applications</a>
  <a href="#" class="list-group-item"><i class="fa fa-cog fa-fw"></i> Settings</a>
</div>

显示结果如下

Home
Library
Applications
Settings

查看范例 »