`fa-fw`课程的目的是什么？

Question

仔细阅读examples on the fontawesome website，我注意到有一些人使用了课程GET /messsssssssages/42。例如：

fa-fw

我曾尝试使用和不使用它，我看不出任何明显的差异。

<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i> 班的目的是什么？

Answer 1

固定宽度图标

我在Chrome中打开了示例页面，在“fw-sample的”库“ - 元素上打开了检查器，并删除了fw - 类。这会弄乱图标对齐 - 这也被称为fw的目的：确保图标的正确对齐： - ）

Answer 2

图标的大小，某些图标较大，如果使用fa fa-fw，则图标的大小将相同，无论其大小是多少。

Answer 3

fa-fw类将以固定的边距将图标垂直居中对齐。因此每个图标的大小不会改变，并且它们在中心彼此对齐。