it-swarm.com.de

margin-left: auto und margin-right: Auto funktioniert nicht bei der Eingabe

Ich habe eine Eingabe in einer Form, die ich in der Mitte ausrichten möchte. Normalerweise antworten margin-left:auto und margin-right: auto nicht, wenn display: block nicht zum CSS hinzugefügt wird. Ich habe display: block zu meinem CSS hinzugefügt, aber es wird immer noch nicht so angezeigt, wie ich es gerne hätte.

Ich habe ein JSFiddle erstellt, um es verständlicher zu halten: http://jsfiddle.net/XnKDQ/97/

39
Xecure

Damit margin: 0 auto; funktioniert, muss zusätzlich zu display:block eine width angegeben werden.

64
Christoph

Ich habe die Lösung für dich gefunden

sie sollten das Element width angeben.

input {
  display: block;
  margin: 10px auto 10px auto;
  padding: 3px;
  width:60px;
}
4
Mo.

In meinem Fall habe ich float: left vergessen. Stellen Sie also sicher, dass Sie in Ihrem Eingabefeld float: none anwenden.

Sie haben bereits display: block und margin: 0 auto, Sie müssen nur die Breite einstellen.

Beispiel, das funktionieren sollte:

input{
     width:50% !important;
     margin:0 auto !important;
     display:block !important;
     float:none !important;
}

Wenn dies nicht funktioniert, fügen Sie den Werten !important hinzu oder stellen Sie sicher, dass Ihr Stil nicht durch etwas anderes überschrieben wird. 

4
Mike

In Abhängigkeit von allem können Sie überprüfen, ob Ihr Körper die Parameterposition hat. Es kann fest eingestellt sein. 

0
Carl Brusell

Überprüfen Sie neben der Angabe von Breite und Anzeigeblock auch, ob die Eigenschaft float auf none festgelegt ist.

0
Akash Sinha

Du kannst so etwas machen:

input {
  width: fit-content;
  margin: auto;
}
0
Onwuka Gideon

Sie möchten, dass die drei Formulare zusammen in der Mitte ausgerichtet werden? Wickeln Sie sie in ein einzelnes div und zentrieren Sie dieses div stattdessen.

0
Supr