Ich verwende Bootstrap und Font Awesome , um eine Tabelle wie die von FAQ zalando zu erstellen.
Also sollte auf der linken Seite ein Symbol stehen und auf der rechten Seite sollte Text sein.
Ich möchte, dass der Text genau unterein- ander steht, sie sollten nicht zueinander in einer Linie liegen. Wenn ich den Symbolen einen Bereich gebe, wird dieser ignoriert.
Hier ist mein Code:
%Vor%Als Update hat FontAwesome nun eine feste Breite eingebaut.
%Vor% Die Klasse fa-fw liefert den Stil mit fester Breite.
Sowohl der Original-Code der Zalando-Website als auch der Fiddle von LeBen sind nicht "ideal" - vor allem wenn es um HTML-Semantik geht.
Warum sollten Sie leere Elemente haben, wenn Sie nur ein Hintergrundbild für ein Element wünschen?
Fügen Sie einfach das Symbol als Hintergrundbild hinzu und setzen Sie den Padding-Link für alle diese Elemente auf den gewünschten Wert.
Greifen Sie einfach auf die Klassen der Symbole zu, und fügen Sie Ihre Stile direkt in css hinzu:
%Vor%Und es gibt keine Notwendigkeit für eine leere, nur zu verwenden:
%Vor%Tags und Links css html5 css3 twitter-bootstrap font-awesome