Question

我无法将堆叠的图标fa-stack垂直对齐到Font awesome 4.7和bootstrap 3中的普通图标fa-fw：

<span class="fa-stack">
  <i class="fa fa-fw fa-dot-circle-o fa-stack-1x text-danger"></i>
  <i class="fa fa-fw fa-circle-o fa-stack-1x text-info"></i>
</span> <strong>Company Ltd.</strong><br>
<i class="fa fa-fw fa-map-marker"></i> Street 7<br>

我做了一个小问题来说明：https://jsfiddle.net/tjykrv7q/ screenshot

Answer 1

它似乎是班级＆＃34; fa-stack＆＃34;为您的图标设置5px的边距.. 你可以添加＆＃34; marging：-5px＆＃34;解决这个问题：

<span class="fa-stack" style="margin: -5px;">

https://jsfiddle.net/tjykrv7q/2/

垂直对齐的堆积图标在字体中令人敬畏

1 个答案: