CSS: Zeilenabstand von Text reduzieren?
Ich habe Schwierigkeiten beim Verringern des Abstands zwischen Textzeilen mit CSS-Zeilenhöhe (oder Höhe - ich habe beide versucht).
Ich habe ein wenig Text und der Abstand ist deaktiviert. Ich habe versucht, die anzuwendenden Stile zu ändern, den Text in einen <span>...</span> zu fassen und den Stil explizit zu deklarieren. Nichts scheint zu funktionieren.
Die Site ist eine Wordpress-Site, die das "Lite" -Motiv der Pageline verwendet. Die URL ist http://stage.dsthree.com und das Problem befindet sich auf der Startseite (Sie können es in der vierten Spalte des Texts sehen, direkt unter dem Feld "E-Mail-Abonnement") im kleinen Text - der Der Zeilenabstand für diesen Text ist deaktiviert. Diese Site erlaubt mir nicht, einen Screenshot zu posten, da ich hier neu bin ... sorry.
Ich habe die Zeilenhöhe auf 1% reduziert und auf 1px, ohne dass dies eine Auswirkung hat.
Jede Hilfe, Anleitung oder Vorschläge zur Reduzierung des Leerraums wird sehr geschätzt!
Inline-Elemente berücksichtigen Eigenschaften wie line-height nicht. Sie nehmen die Zeilenhöhe des nächsten übergeordneten Blocks an.
Siehe Fiddle
Lösung: Entfernen Sie die Strichhöhe vom Körper oder verwandeln Sie den Bereich in einen Block (d. H. Machen Sie ihn zu einem div; geben Sie nicht display:block für den Bereich ein).
Fügen Sie display:block hinzu und entfernen Sie height.
<span style="font-size: 75%; line-height: 16px; display:block">blog posts & occasional updates (updates max 1 every 14 days)</span>
Sie erfahren mehr über display:block property hier.
Sie haben einen line-height: 21px;.__Im Körper. Entfernen Sie das und es sollte funktionieren.