alignement vertical des icônes empilées en caractères impressionnant

je ne peux pas arriver à aligner verticalement une icône empilés fa-stack à une icône normale fa-fw dans la police impressionnant 4,7 et bootstrap 3:alignement vertical des icônes empilées en caractères impressionnant

<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>

I fait un jfiddle pour illustrer: https://jsfiddle.net/tjykrv7q/ screenshot

Source

2016-12-09 user1957345

qui fonctionne très bien pour moi dans Firefox sur OS X - peut-être une image publier ce que vous voyez, plus votre navigateur et OS. – Thilo

merci - j'ai ajouté une capture d'écran. La marge ou quelque chose est trop large à la 'fa-pile 'j'ai cet effet dans ff 50.0.1 et chrome 55.0.2883.75 m – user1957345

il semble que la classe « fa-pile » définit une marge de 5px à vos icônes .. Vous pouvez ajouter « Inconnu: -5px » pour résoudre ce problème comme:

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

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

Source

2016-12-09 14:45:21

alignement vertical des icônes empilées en caractères impressionnant

Répondre

Questions connexes