2015-06-23 11 views
5

Ich habe 10 Artikel in einem Container und jeder von ihnen hat Marge von der rechten Seite. Mit jquery entferne ich den Rand für jedes fünfte Element, aber da die Breite des Containers in Prozent und die Breite des Elements auch in Prozent ist, dehnen sich die Elemente beim Minimieren oder Maximieren meines Bildschirms nicht bis zum Ende des Containers aus. Wie kann ich es tun?passen Artikel zu Container Breite

Here is the Fiddle

Antwort

5

nur einen bestimmten Prozentsatz an den rechten Rand geben.

Die Gesamtbreite der divs beträgt 16% x 5 = 80% der Gesamtbreite. Die verbleibende Breite beträgt also 20%. Kluft, die durch 5 (insgesamt div Margins) und auf 4%:

margin-right:4%; 

das Prüfen DEMO

Und auch, nicht wahr jquery hier braucht margin-right: 0 das fünfte Element anzuwenden. Sie können CSS verwenden, wie unten dargestellt:

li:nth-child(5n){ 
    margin-right: 0px; 
} 
+0

Dank, funktioniert perfekt – aidadev

+0

ja ich weiß, über CSS-n-te-Kind-Selektor, aber ich versuche, für alle Browser wie IE8 – aidadev

+0

@ user3090189 nur ein Vorschlag zu tun: Sie können nach wie vor tue das in CSS wie folgt: 'li: first-kind + li + li + li + li' (_wählt das fünfte Element_). –

Verwandte Themen