# 列表中的图标

在固定宽度样式的垂直对齐的基础上,我们添加了一些实用样式,以处理带有用作装饰项目符号的图标的HTML列表。

使用fa-ul和fa-li替换无序列表中的默认项目符号。

  • List icons can
  • be used to
  • replace bullets
  • in lists
      <ul class="fa-ul">
        <li><span class="fa-li"><i class="fas fa-check-square"></i></span>List icons can</li>
        <li><span class="fa-li"><i class="fas fa-check-square"></i></span>be used to</li>
        <li><span class="fa-li"><i class="fas fa-spinner fa-pulse"></i></span>replace bullets</li>
        <li><span class="fa-li"><i class="far fa-square"></i></span>in lists</li>
      </ul>
  1. List icons can
  2. be used to
  3. replace bullets
  4. in lists
      <ol class="fa-ul">
        <li><span class="fa-li"><i class="fas fa-check-square"></i></span>List icons can</li>
        <li><span class="fa-li"><i class="fas fa-check-square"></i></span>be used to</li>
        <li><span class="fa-li"><i class="fas fa-spinner fa-pulse"></i></span>replace bullets</li>
        <li><span class="fa-li"><i class="far fa-square"></i></span>in lists</li>
      </ol>