3 Antworten

Beste Antwort
width: 100%;
margin: 0 auto;

Es ist 100% breit und hat automatische Ränder.

Die Ränder werden also berechnet, um sie in die Mitte zu stellen.

D.h. 0 links und 0 rechts.

Es ist zentriert.

2
Quentin 18 Jän. 2019 im 16:30

Okay, das ist was du brauchst. Ich wollte wirklich, dass Sie die Lösung von dort herausfinden, aber los geht's:

.buttonwrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

Vorschau

preview

1
Praveen Kumar Purushothaman 18 Jän. 2019 im 16:22

Wenn width 100% beträgt, ist es nicht sinnvoll, das Element mit margin: 0 auto; zu zentrieren - es füllt bereits die Breite seines Containers aus. Machen Sie das width zu einem Wert kleiner als 100% oder zu einem festen Pixelwert.

1
Johannes 18 Jän. 2019 im 16:29