Как выровнять по горизонтали многослойные иконки в Font Awesome 5? - PullRequest
Новая
       27

Как выровнять по горизонтали многослойные иконки в Font Awesome 5?

1 голос
/ 02 ноября 2019

Я пытаюсь разместить значок поверх другого значка в fontawesome, используя слои, и я хотел бы, чтобы значки были выровнены по горизонтали. Если я использую размер значков по умолчанию, это работает, однако, когда я увеличиваю размеры значков (fa-4x), значки не выровнены по горизонтали. Пожалуйста, смотрите https://jsfiddle.net/u7qc53ge/1/ 

body {
  font-size: 16px;
  padding: 4rem;
}
<script type="text/javascript" src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script>

<!-- this works -->
<span class="fa-layers fa-fw">
  <i class="fas fa-ban"></i>
  <i class="fab fa-facebook-f"></i>
</span>

<!-- this does not -->
<span class="fa-layers fa-fw">
  <i class="fas fa-ban fa-4x"></i>
  <i class="fab fa-facebook-f fa-4x"></i>
</span>

1 Ответ

1 голос
/ 02 ноября 2019

вам нужно использовать fa-4x на родительском элементе: 

body {
  font-size: 16px;
  padding: 4rem;
}
<script type="text/javascript" src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script>
<span class="fa-layers fa-fw">
  <i class="fas fa-ban"></i>
  <i class="fab fa-facebook-f"></i>
</span>


<span class="fa-layers fa-fw fa-4x">
  <i class="fas fa-ban "></i>
  <i class="fab fa-facebook-f "></i>
</span>
...