Warum wird mein Text im IE7 abgeschnitten?

Sie müssen die Zeilenhöhe entsprechend der Schriftgröße angeben ...

CSS

Siehe auch IE7 schneidet meinen Text ab . Wie stelle ich seine Einstellung ein?

Ich hatte das gleiche Problem für IE9 und habe viel Zeit damit verbracht, mit den Attributen für "Höhe", "Zeilenhöhe" und "Padding" herumzuspielen. Folgendes habe ich mir ausgedacht:

(a) "Höhe" beeinflusst nicht, was in der Textbox passiert;

(b) "Zeilenhöhe" wirkt sich auf die Anzeige des Textes aus und führt dazu, dass der Text im Textfeld höher oder niedriger ist, aber die Nummer ist wichtig. Am Ende scheint die erste Antwort korrekt zu sein, d. H., Setze "line-height" auf die gleiche Zahl wie deine Schriftgröße;

(c) "Padding" wirkt sich auch auf die Anzeige von Text aus, da es den Abstand zwischen den Rändern des Textfelds und dem Text selbst erzeugt;

(d) "vertical-align" liefert einen Bezugspunkt für den Text innerhalb des Textfelds.

Als Beispiel habe ich den Text in der Mittellinie der Textbox auf meiner Website (ohne abgeschnitten) und einen schönen Abstand von den Rahmen des Textfelds angezeigt, indem ich das folgende CSS in Bezug auf die " input = text "Bereich meines CSS Stylesheets:

Das 14px war die Größe der Schriftart, die in meiner Vorlage verwendet wurde (an anderer Stelle im CSS-Stylesheet angegeben), das 6px ist das obere bzw. untere Padding und das 2px ist das linke bzw. rechte Padding. Das Attribut "Vertikale Ausrichtung" platziert eine fiktive mittlere Linie durch den Text. Natürlich können Sie diese Nummern Ihren Anforderungen entsprechend ändern.

BTW, für Neulinge, verwenden Sie das Firefox "Firebug" -Plugin, um den Code in Ihrem CSS-Stylesheet zu finden, das geändert werden muss. Markieren Sie einfach das entsprechende Textfeld und geben Sie auf der rechten Seite den Namen des CSS-Stylesheets an, wo sich der Code befindet. Sie können sogar "firebug" verwenden, um einen Live-Testlauf durchzuführen, der Ihnen die Auswirkungen der Änderungen anzeigt, aber nicht gespeichert wird, wenn Sie Ihren Browser schließen:)

Hoffe, das hilft.

Versuchen Sie, das Überlaufattribut für das Element zu ändern, in dem sich der Text befindet.

Oder