Line-Height VS-Polsterung in Nav (Korrekte Methode)

Question

Ich komme gerade zurück in die Codierung und ich würde gerne wissen, was die beste Methode ist, meinem btn heigh hinzuzufügen. Hier

ist der Code -

Padding Methode

.nav-main li a { 
    display: block; 
    padding: 70px 10px 70px 10px; 
    color: #6CF784; 
    border-bottom: 10px solid white; 
    text-decoration: none; 
} 

line-height Methode

.nav-main li a { 
    display: block; 
    padding: 0 10px 0 10px; 
    line-height: 150px; 
    color: #6CF784; 
    border-bottom: 10px solid white; 
    text-decoration: none; 
} 

Answer 1

ich persönlich padding verwenden, da es mir mehr Kontrolle über Browser gibt, als Zeilenhöhe kann Es hängt davon ab, welche Schriftart Sie verwenden und welche Schriftarten im Browser des Clients installiert/nicht installiert sind.

Answer 2

Ich mag line-height verwenden, da sie die Grundlinienpositionen korrekt der Text erscheinen in der Mitte des Elements zu machen (während mit Polsterung kann es nicht in der Mitte der einen oder der anderen von der Schriftart basiert sein)

Natürlich hängt dies davon ab, dass Sie einen Pixelwert für line-height verwenden (wie Sie es in Ihrer Frage tun) - die Verwendung eines numerischen Werts wie 1.5 kann je nach Schriftart zu unterschiedlichen Ergebnissen führen.