如何定位所有 Font Awesome 图标并将它们居中对齐？

Font Awesome 是一个很棒的工具包，可让开发人员获得基于 CSS 和 LESS 的图标。互联网上还有其他图标包，但 Font Awesome 在开发者社区中更受欢迎。它有大量免费使用的图标集合。

将 Font Awesome Icons 居中的最佳方式是为每个 标签分配一个中心类。将宽度设置为 100%，让每个图标水平覆盖 100% 的区域。同样 text-align 然后根据所使用的宽度将图标居中。

如果我们想在我们的窗口上定位我们的 Font Awesome 图标，并使用以下方法将它们对齐到中心

• 示例 1：在所有 标签中添加自定义类。此方法可用于页面上的所有 Font Awesome 图标。
  程序：

      
          
          
          
              .center {
                  text-align: center;
                  width: 100%;
              }
          
      
      
          
              
                GeeksforGeeks
              
              
                  Centered align icons
              
          
          
          
          
          
      

  输出：

• 示例 2：在 div标签中添加自定义类。此方法只能用于专用于 Font Awesome Icons 的网站部分。
  程序：

      
      
      
      
      .center {
          text-align:center;
          width:100%;
      }
      
  
      
          
              
                GeeksforGeeks
              
              
                  Centered align icons
              
          
          
          
              
              
              
              
              
          
      
  
               

  输出：

• 示例 3：为特定部分添加HTML 标记。此方法只能用于专用于 Font Awesome Icons 的网站部分。

      
      
      
  
      
          
              
                GeeksforGeeks
              
              
                  Centered align icons
              
              
              
              
              
              
              
          
      

  输出：