Wie entferne ich den El-Element-Rand?

7

Ich habe folgendes HTML

%Vor%

und folliwing css

%Vor%

DEMO

Ich versuche, die Marge zwischen den li-Elementen zu entfernen, indem ich margin: 0; festlege. Aber es entfernt nicht den Rand

Wie entferne ich es?

    
The Last Coder 27.12.2013, 17:27
quelle

7 Antworten

14

Die Kombination aller li s in einer einzigen Zeile löst das Problem. Aber wenn Sie mehr Techniken zum Entfernen dieser Ränder wissen möchten, besuchen Sie: Ссылка .

Es listet diese Techniken auf:

1. Kein Leerzeichen zwischen Elementen

%Vor%

2. Schriftgröße: 0 bei Parent

%Vor%

3. HTML-Kommentare

%Vor%

4. Negative Marge

%Vor%

5. Schließwinkel abwerfen

%Vor%     
Zword 27.12.2013, 17:37
quelle
4

Es ist eine seltsame Sache, wo Sie Whitespace entfernen müssen, werfen Sie einen Blick auf diese Geige

%Vor%

Ссылка

Sie können auch eine margin: -2px; : Ссылка

hinzufügen

Float Trick funktioniert auch gut, aber macht das Styling schwieriger.

    
Adjit 27.12.2013 17:30
quelle
4

Probieren Sie float: left; aus. Dadurch werden Ihre Listenelemente ohne den zusätzlichen Leerraum gerendert.

%Vor%     
robertp 27.12.2013 17:32
quelle
2

Ändern Sie die Markierung in einer Zeile, um Standard-Leerstellen zu entfernen

%Vor%

CSS

%Vor%

Demo

    
Dhaval Marthak 27.12.2013 17:30
quelle
1

Dies ist ein ärgerlicher Nebeneffekt davon, wie das Whitespace für Inline-Elemente gerendert wird. Es gibt ein paar Optionen, die in den Sinn kommen, um es anzugehen.

Option 1: Verwenden Sie die float: left -Eigenschaft für die li -Elemente

jsfiddle

%Vor%

Option 2: Entfernen Sie die Leerzeichen aus dem HTML-Markup

jsfiddle

%Vor%

Option 3: Setzen Sie die Eigenschaft font-size von ul auf 0px

jsfiddle

%Vor%     
Cody Bonney 27.12.2013 17:37
quelle
0

Sie könnten die li zu font-size: 0; machen Setzen Sie dann li a auf normal font-size

Auf diese Weise machen Sie den Whitespace 0 Pixel breit und halten Sie Ihren HTML sauber und einfach zu lesen.

    
Jakub 27.12.2013 17:32
quelle
0

Verwenden Sie die folgende CSS-Regel, um den Stil zu rendern

%Vor%

    
Asraful Haque 27.12.2013 18:10
quelle

Tags und Links