Font awesome prozentuale Breite gestapelt icon [duplizieren]

10

Ich möchte mit CSS den folgenden Effekt erzielen:

Dieses Sternsymbol ist eine Schriftart. Ich möchte die Breite des orangefarbenen Hintergrunds prozentual definieren, also sollte 50% die perfekte Hälfte des Sterns sein.

Für jetzt habe ich Folgendes getan:

%Vor%

Und:

%Vor%

Das Problem ist, dass ich die Breite und Höhe angeben muss, um% der Breite zu verwenden. Und wenn ich die Breite und Höhe des Containers überspringe, wird nichts angezeigt, weil es absolut positionierte Kinder enthält.

Dieser% -Wert wird serverseitig berechnet, also würde ich ihn lieber inline lassen, wie folgt:

%Vor%

Was ist der flexibelste Weg, dies zu tun? Am flexibelsten meine ich diejenige, die weder Breite noch Höhe erfordert.

    
Robo Robok 23.02.2016, 00:24
quelle

1 Antwort

4

Sie können den Container auf display:inline-block setzen und nur das oberste Symbol auf position:absolute setzen.

%Vor% %Vor%
    
Stickers 23.02.2016, 00:40
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Fehlende Quellkarten im Typescript + Webpack-Projekt