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
5
A
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;
}
Verwandte Themen
- 1. Fluid Breite Container zu schweben
- 2. Inhalt Inhalt passen übergeordneten Container
- 3. Bild in Container passen
- 4. Volle Breite von singulären Artikel in einem Flex-Container
- 5. Override Bootstrap Container Breite
- 6. Bootstrap-responsive Container Breite
- 7. Bootstrap Container Breite ändern
- 8. Machen Sie Antwort Bild passen Eltern Container
- 9. Die Breite eines Tisches strecken, um Webbrowser zu passen
- 10. passen Bild zu div nach seiner Breite und Höhe
- 11. flex box Artikel Breite schrumpfen
- 12. Inhalt auf die Breite des div passen
- 13. CSS: Letter-Abstand Prozent vollständig auf den Div-Container passen
- 14. Fix Kinder Container Breite Problem
- 15. Symbole passen nicht in die Breite von Bootstrap navbar
- 16. Größe der Website-Breite anpassen, um in Breite des iPad-Bildschirms zu passen
- 17. verteilen Restplatz in zwei Container neben einer festen Breite Container
- 18. Wie schneidet man eine Zeichenfolge ab, um in einen Container zu passen?
- 19. Wie konserviert man Vaadin Tree Container Artikel?
- 20. QML: Komponente vs Artikel als Container
- 21. IE 11 Problem mit Flexbox Artikel mit max-Breite
- 22. Volle Breite Karussell/Slider auf Mitte Artikel
- 23. Bootstrap responsive Container Breite funktioniert nicht
- 24. machen Inline-Listen Artikel bestimmte Breite
- 25. Set Breite von Android Drawable Artikel?
- 26. Bootstrap 4 li Artikel in voller Breite
- 27. So passen Sie die Breite der Navigationsleiste in Android Studio
- 28. Wie kommt dieser Container auf volle Breite?
- 29. Volle Breite Hintergrundfarbe mit zentrierten Container
- 30. Responsive Bilder, ohne 100% Breite zu sein, wenn der Container größer ist - Container sind Flexbox
Dank, funktioniert perfekt – aidadev
ja ich weiß, über CSS-n-te-Kind-Selektor, aber ich versuche, für alle Browser wie IE8 – aidadev
@ 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_). –