1. Zuhause
  2. Frage und Antwort
  3. HTML. Texteingabe schneidet erstes Zeichen „j“

HTML. Texteingabe schneidet erstes Zeichen „j“

2016-10-16 9 views
4

Ich habe ein text input:HTML. Texteingabe schneidet erstes Zeichen „j“

<input type="text" name="test1" value="jj" style="padding:0px;font-size:70px; font-family: 'Times New Roman'">

Aber der erste „j“ Charakter ist nicht vollständig sichtbar mit Times New Roman font-family. Was könnte ein Problem sein?

enter image description here

EDIT

In meinem Fall padding-left hilft nicht. Ich füge padding-left:30px und das Ergebnis ist:

enter image description here

Quelle

2016-10-16 Dmytro

+0

Dies ist nur, wie Schriften arbeiten. Bei Bleischriften wurde jedes Zeichen in einem Block positioniert. Das Gleiche gilt für den digitalen Typ. Der Schwanz von 'j' will nur unter der vorherigen Glyphe sein. Es ist so konzipiert. Der Schwanz von j hat also eine negative x-Koordinate. Kämpfen Sie Ihre Schriftart, fügen Sie einfach eine Auffüllung der Eingabe hinzu. – allcaps

Antwort

3

Warum gehst du nicht etwas Padding hinzu:

<input type="text" name="test1" value="jj" style="padding:5px;font-size:70px; font-family: 'Times New Roman'">

Quelle

2016-10-16 19:21:43 nikjohn

0

Ja, padding sollte das Problem lösen, aber ich denke, dass speziell ein mehr sein kann tun padding-left und testen Sie die Werte auf Ihr gewünschtes Layout.

Zum Beispiel mit 10px Polsterung links.

<input type="text" name="test1" value="jj" style="padding-left:10px;font-size:70px; font-family: 'Times New Roman'">

Quelle

2016-10-16 19:38:19

Verwandte Themen

 Verwandte Themen