Wie lege ich unabhängig von der Länge des Textes gleichmäßig Platz zwischen einem Label und dem Eingabefeld ein?
Nehmen wir an, ich habe 10 Eingabefelder und vor den Eingabefeldern auf der linken Seite habe ich ein span-Tag, das den Text enthält, um anzugeben, was der Benutzer in das Feld eingeben soll. Ich habe ein paar Sachen gemacht, aber ich bin mir nicht sicher, wie man Leerzeichen zwischen dem span-Tag und dem Eingabefeld hinzufügen kann, egal wie groß der Text ist.
So:
5 Antworten
Verwenden Sie label anstelle von span . Es soll mit Eingängen gepaart werden und einige zusätzliche Funktionen beibehalten (durch Anklicken der Beschriftung wird die Eingabe fokussiert).
Dies könnte genau das sein, was Sie wollen:
HTML:
%Vor%CSS:
%Vor%Sie können eine Tabelle verwenden
%Vor%Das Ergebnis wäre: ImageResult
Dies kann mit der brandneuen CSS display: grid ( Browserunterstützung )
HTML:
%Vor%CSS:
%Vor% Wenn Sie das CSS-Gitter verwenden, werden die Elemente standardmäßig spaltenweise und dann zeilenweise angeordnet. Die grid-template-columns -Regel erstellt zwei Rasterspalten, von denen eine 1/4 des gesamten horizontalen Raums und die andere 3/4 des horizontalen Raums einnimmt. Dies schafft den gewünschten Effekt.
Sie können immer das "pre" -Tag innerhalb des Labels verwenden und einfach die leeren Felder darin eingeben. So können Sie immer die gleiche oder eine andere Anzahl von Leerzeichen hinzufügen, die Sie benötigen
%Vor%Ich hoffe, Sie mögen meine Antwort, es ist ein einfacher und effizienter Hack