Verschiebe ein Element an das Ende einer Liste mit flexbox [duplizieren]

8

Wie kann ich "3" mithilfe von CSS an das Ende der Liste verschieben?

Siehe jsbin here

%Vor% %Vor%
    
mpen 30.12.2016, 02:55
quelle

2 Antworten

8

Verwenden Sie die order -Eigenschaft. In diesem Fall funktioniert order: 1 , weil die Reihenfolge der anderen Elemente standardmäßig auf 0 eingestellt ist.

%Vor% %Vor%
    
Jon Uleis 30.12.2016, 02:57
quelle
3

Sie können order festlegen - fügen Sie order:1 für das Element end hinzu, um es zu platzieren das Ende der Liste - da wir es nicht für die anderen Flex-Kinder angeben, nehmen sie den Standardwert Null an.

Siehe Demo unten:

%Vor% %Vor%
    
kukkuz 30.12.2016 02:58
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Funktion, die sowohl erweiterte Argumente als auch Tupel akzeptiert