Zentrieren Sie mehrere Inline-Blöcke mit CSS und richten Sie die letzte Zeile nach links aus

9

Ich möchte ein paar Inline-Blöcke horizontal zentrieren, sie aber gleichzeitig in ihrer letzten Zeile nach links ausrichten (siehe unten).

Das Problem ist, dass ich so etwas erreicht habe ( Ссылка ):

%Vor%

Während ich etwas in der Art möchte:

%Vor%

Sie können ein Beispiel-HTML unter Ссылка sehen.

Ich habe versucht, column-count und column-width zu verwenden, aber es funktioniert nicht so, wie ich es möchte, weil sich die Reihenfolge der Blöcke ändert:

%Vor%     
bogdansrc 04.05.2013, 13:49
quelle

2 Antworten

2

Finden Sie eine recht einfache Lösung für dieses Problem: Fügen Sie am Ende einige Fülldivisierungen hinzu, die mit den ausgerichteten Blöcken die gleiche Breite haben.

Ссылка

HTML:

%Vor%

CSS:

%Vor%     
bogdansrc 07.05.2013, 13:09
quelle
0

Das Schweben von ihnen scheint hier die beste Option zu sein. Sie können den linken / rechten Rand auf den Container legen, wenn Sie links und rechts Platz benötigen, oder Sie können dem Container eine Breite und linke und rechte Ränder geben.

Sieht so aus, als ob es sich auch als ungeordnete Liste lohnen könnte.

Hier ist ein Beispiel:

Ссылка

    
ralph.m 04.05.2013 14:10
quelle

Tags und Links