Hallo ich versuche, etwas Platz unter jedem li meiner ul hinzuzufügen. Wenn ich versuche, den unteren Rand auf der li zu setzen, funktioniert es nicht, es fügt einfach einen Rand über dem ersten li-Element der Liste hinzu. Kann mir jemand sagen, wie ich einen Raum hinzufügen können (Marge) Balg jeder liWie füge ich Leerzeichen zwischen den Zeilen meiner ul hinzu?
8
A
Antwort
8
ul li{margin-bottom:10px;}
Sie können das Beispiel hier überprüfen: http://jsfiddle.net/gdfxk/
1
Ich habe versucht, genau das:
Und es scheint zu funktionieren.
Html:
<ul class="ul1">
<li>Toto</li>
<li>Titi</li>
<li>Tata</li>
</ul>
<ul class="ul2">
<li>Toto</li>
<li>Titi</li>
<li>Tata</li>
</ul>
<ul class="ul3">
<li>Toto</li>
<li>Titi</li>
<li>Tata</li>
</ul>
CSS:
li
{
background-color : gray;
height : 25px;
}
.ul1>li
{
margin-bottom : 0px;
}
.ul2>li
{
margin-bottom : 5px;
}
.ul3>li
{
margin-bottom : 5px;
}
Verwandte Themen
- 1. Wie füge ich ein Leerzeichen zwischen zwei verketteten NSStrings hinzu?
- 2. bash: Wie füge ich Leerzeichen hinzu?
- 3. Wie füge ich den Benachrichtigungssound meiner App zur Benachrichtigungstonliste hinzu?
- 4. Wie füge ich einen vertikalen Gutter zwischen Zeilen wie Bootstrap fügt zwischen Spalten hinzu?
- 5. Wie füge ich Leerzeichen innerhalb von int hinzu?
- 6. Wie füge ich einen Platz zu meiner switch-Anweisung hinzu?
- 7. Wie füge ich ein Leerzeichen in einem XML-Schemaelement hinzu?
- 8. Wie füge ich Facebook Login zu meiner eigenen Website hinzu?
- 9. Wie füge ich eine Zeile am Ende meiner Tabelle hinzu?
- 10. Wie füge ich meiner Canvas-Linie Rechteck/Pfeil hinzu?
- 11. Wie füge ich meiner RubyMotion Android App ein Symbol hinzu?
- 12. Wie füge ich meiner Cocoa-Anwendung Applescript-Unterstützung hinzu?
- 13. Wie füge ich meiner Website eine dynamische Google Map hinzu?
- 14. Wie füge ich Tag-Vorschlagsfunktionen zu meiner Blogware hinzu?
- 15. Wie füge ich Buchstaben vor meiner Bestellnummer hinzu?
- 16. Wie füge ich Google Analytics zu meiner Android-Anwendung hinzu?
- 17. Wie füge ich intelligente Tags zu meiner .NET-Komponente hinzu?
- 18. Wie füge ich meiner Aktivität einen Titel hinzu?
- 19. Wie füge ich ein Fragment in meiner Aktivität dynamisch hinzu?
- 20. Wie füge ich Header zu meiner Liste hinzu (csv)
- 21. Wie füge ich Intellisense zu meiner Anwendung hinzu?
- 22. Wie füge ich meiner Aktionsleiste meine Aktionsleiste hinzu?
- 23. Wie füge ich Grails zu meiner Cloudbees Jenkins Installation hinzu?
- 24. Wie füge ich "Onload" zu meiner Dojo-Klasse hinzu?
- 25. Wie füge ich Kombinationswerte hinzu, wenn Zeilen nicht existieren?
- 26. Wie füge ich datetimepicker hinzu und füge zweiten hinzu?
- 27. Wie füge ich eine leere Zeile zwischen zusammengeführten Dateien hinzu
- 28. Wie füge ich Multithreading hinzu?
- 29. JavaScript: Wie füge ich ein Attribut hinzu?
- 30. Wie füge ich Padding zwischen Menüelementen in Android hinzu?
bitte zeigen uns die HTML und CSS – Lab
@vijar: Bitte eine Geige für Ihr Problem machen. Versuchen Sie diese http://jsfiddle.net/qY9f5/ –
sieht aus wie ein allgemeines Margin-Kollaps-Problem, ich nehme an, Sie haben die ul innerhalb eines Containers, wenn Sie eine geringfügige Polsterung entweder oben oder unten davon zuweisen (container {padding: 0 0 1px;}) es würde das Problem lösen –