wake-up-neo.com

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!

16
user2649496

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).

33
Mr Lister

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.

18
Shivam

Sie haben einen line-height: 21px;.__Im Körper. Entfernen Sie das und es sollte funktionieren.

1
Benteh