Flexible Miniaturansicht mit CSS

8

Ich versuche Thumbnails über den Bildschirm mit "Padding" zu positionieren. Hier ist ein Bild, das das Problem veranschaulicht:

%Vor%

Ich habe hier im Stackoverflow geforscht und einen brauchbaren Code gefunden, aber ich habe ein paar Probleme. Ich möchte, dass die Bilder von links nach rechts ausgerichtet werden und nicht an den Kanten des Containers "einrasten", wenn ich weniger Bilder in den letzten Reihen habe, wie Sie das Bild sehen.

Ich möchte auch, dass der "vertikale Abstand" zwischen den Zeilen gleich dem horizontalen Abstand zwischen den Bildern ist, denn ich habe jetzt einen vertikalen Abstand wie "3px" und bin mir nicht sicher, woher ich komme. Ich bin offen für js Lösungen, wenn nötig. Danke

    
user1765661 16.12.2013, 09:52
quelle

2 Antworten

7

Würde etwas WIE DIESES für Sie funktionieren?

Dies basiert auf einer Antwort hier auf SO , die ich würde Ich empfehle Ihnen, lesen, sowie dieses - auch darauf basierend. Das rechtfertigt die untergeordneten Elemente.

HTML

%Vor%

CSS

%Vor%

Alternativ Wenn Sie möchten, dass die untergeordneten Elemente berechtigt sind , dass sie von links nach rechts ausrichten sollen, sehen Sie sich diese Geige , basierend auf dieser Antwort auf SO

HTML

%Vor%

CSS

%Vor%     
SW4 16.12.2013, 10:03
quelle
-1

Sie brauchen die text-align: justify; CSS-Regel nicht Ссылка

    
Lucky Soni 16.12.2013 09:58
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Zeitstempel mit Zeitzone in Schienen speichern 3.2