Ich habe einen Github-Gist in mein Blog eingebettet und der resultierende Code hat einige Zeilenumbrüche oben und unten, die ich entfernen möchte. Mein Blog verwendet css aus dem Bootstrap-Projekt und zwickt auch die Schriftart:
%Vor%Ich habe diese Geige erstellt , um das Problem zu demonstrieren.
Was ist der beste Weg, um die Pausen loszuwerden? Soll ich die Schriftart des Embedded Gists gestalten? Danke!
Dies geschieht aufgrund unterschiedlicher line-height in Zeilennummern und Codezeilen. Und das liegt daran, dass Sie relative line-height (abhängig von der Schriftgröße) und verschiedene Schriftgrößen für Zeilennummern (Ihre Schriftgröße) und Zeilencode (bootstrap overrides font-size und line-height für pre und code verwenden) Elemente). Um dies zu beheben, können Sie Bootstrap-Stile für Github-Gisten zurücksetzen:
UPD:
%Vor%Beweis: Ссылка
Ich habe es herausgefunden, es ist die Zeilenhöhe. Sie müssen sicherstellen, dass die Zeilenhöhe für die Codeauflistungs-Zeilennummern mit der Zeilenhöhe für den Code selbst übereinstimmt.
Fügen Sie diesen Stil vor body selector * {line-height: normal;}
Sieh dir dies Geige an
Sie könnten auch line-height: 100% als normal verwenden (ein kleiner Unterschied, den Sie bemerken werden)
Und wie in anderen Antworten erwähnt, könntest du dort auch Zeilenhöhe verwenden
%Vor% Wenn dadurch auch Ihr Problem nicht gelöst wird, wurde möglicherweise der Rand- oder Auffüllwert festgelegt. Ändere das margin: 0; padding: 0;
Scheint, dass das Github-Gist-Einbettungs-Skript die 1,5-Zeilen-Höhe auf eine interessante Weise falsch interpretiert.
%Vor%scheint eine einfache Lösung zu sein.
Tags und Links css twitter-bootstrap gist