Wie kann ich die Breite einer Texteingabe automatisch an die Länge des Inhalts anpassen?

Texteingabebreite automatisch skalieren, um sie an die Wertlänge anzupassen

Gibt es eine Möglichkeit, die Breite eines an die Breite des darin enthaltenen Textes anpassen?

Lösung:

Ja, Sie können dies leicht erreichen, indem Sie das Größenattribut der Eingabe auf die Länge des festlegen Inhalte eingeben. So können Sie es mit JavaScript machen:

function resizeInput() {
    $(this).attr('size', $(this).val().length);
}

$('input[type="text"]')
    // event handler
    .keyup(resizeInput)
    // resize on page load
    .each(resizeInput);

Demonstration:

[Siehe JSFiddle](http://jsfiddle.net/nrabinowitz/NvynC/)

Diese Methode fügt jedoch möglicherweise etwas Abstand auf der rechten Seite hinzu, der je nach Browser unterschiedlich ist. Um eine genauere Anpassung zu erreichen, können Sie die Pixelbreite Ihres Textes mit einer Technik wie der in [diesem](https://stackoverflow.com/questions/16401893/set-width-of-input-field-to) beschriebenen berechnen -display-values-with-fixed-width-in-chrome) Antwort zum Stapelüberlauf.

Das obige ist der detaillierte Inhalt vonWie kann ich die Breite einer Texteingabe automatisch an die Länge des Inhalts anpassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!