Gibt es eine Möglichkeit, zwei Font Awesome-Symbole so zu überlappen, dass es wie das Symbol in Bezug auf das Symbol file
aussieht? Ich möchte die Icons nicht stapeln, sondern ein Cover wie 50% eines anderen haben. Vielen Dank!Wie überlappen Font Awesome Symbole?
Antwort
Warum nicht einfach CSS-Padding zum Versetzen eines der Symbole verwenden?
<span class="fa-stack fa-lg">
<i class="fa fa-file fa-stack-2x"></i>
<i class="fa fa-file fa-stack-2x" style="padding-left:15px;padding-top:15px;"></i>
</span>
dann, was ist falsch mit diesem Symbol 'fa-files-o' . http://fortawesome.github.io/Font-Awesome/icon/files-o/ –
Ich denke, OP hat nur das Dateisymbol als Beispiel verwendet. Vermutlich möchte er zwei verschiedene Symbole überlappen. – Matthew
@Matthew genau. Vielen Dank für die schnelle Antwort! Ich habe vergessen, dass Sie Inline-Elemente auffüllen können. – daveslab
- 1. Abstand zwischen font awesome Symbole
- 2. Wie font-awesome Symbole in submit_tag
- 3. Render ValidationMessageFor mit Font Awesome Symbole
- 4. Möchten font-awesome Symbole dünner machen
- 5. Anzeige font awesome Symbole vor dem Text
- 6. Font Awesome und i3bar
- 7. Font Awesome nicht im Browser
- 8. Android: Wie Navigation Navigationsschublade Symbole mit font-awesome Symbole ersetzen (Symbole verfügbar)
- 9. Schriftart Symbole angezeigt als "fl" in font-awesome
- 10. Embed font-awesome Symbole in einem einzigen html
- 11. So animieren Sie Font Awesome Symbole mit JS?
- 12. Kann ich font-awesome Symbole in E-Mails verwenden
- 13. Bootstrap Font Awesome und IE8
- 14. Bootstrap 3.0 und Font Awesome
- 15. Font-Awesome Wie skalieren Schriftarten?
- 16. Font Awesome Bild Overlay
- 17. Font-Awesome ExtJS ActionColumn
- 18. font awesome icon rendering dann verschwinden
- 19. Font Awesome Not Loading - Nur für Client
- 20. Font Awesome Icons nur in Schwarz drucken
- 21. Was ist ein Alias in font-awesome?
- 22. Gibt es ein Upgrade-Handbuch für Font Awesome 3.2.x zu Font Awesome 4.0?
- 23. font awesome - hashtag icon zeige nicht
- 24. Font awesome zeigt kein Icon
- 25. Entfernen Sie nicht verwendete Schriftart Awesome Symbole
- 26. Font-Awesome Icon stapeln Problem in Safari
- 27. Font awesome icon funktioniert nicht
- 28. Text gradient mit font awesome
- 29. ActionBar setIcon mit Font-Awesome
- 30. Probleme mit Font Awesome-Display?
anfänglich gut können Sie Eigenschaft position auf die Symbole verwenden, aber seine wird groß sein, wenn Sie einen Code teilen u versucht .. –