Was sind die CSS-Zentrierungsmethoden?

1.text-align:center;

Mit der oben genannten Methode werden die Inline-Elemente oder der Text von display:inline; im übergeordneten Container horizontal zentriert.

2.inline-height:(height) value;

Bei Verwendung von inline-height wird es oft zusammen mit height verwendet, um den Inhalt vertikal zu zentrieren Es wird empfohlen, es in der Liste zu verwenden. Wird in internen li verwendet.

3.margin:auto;

Bei Verwendung von „Rand zur Mitte“, im Allgemeinen, wenn das Element die genaue Breite angibt value, set margin :auto; oder margin: 0 auto; haben den gleichen Effekt: Das aktuelle Element wird horizontal zentriert.

Bei Verwendung von margin können Sie auch die Werte von margin-left und margin festlegen -rechts, um gleich zu sein, und Sie können auch eine horizontale Zentrierung erreichen ;

4. Positionspositionierung und Zentrierung

Einstellung nach oben und links oder unten und rechts Zentrieren Sie das Element horizontal und vertikal. Die Höhe des übergeordneten Elements muss jedoch festgelegt werden >

align-items:center;

justify-cotent:center;

Projektattribut align-self:center;

6 :

　Der obige Code kann eine horizontale und vertikale Zentrierung von Elementen erreichen.

Das obige ist der detaillierte Inhalt vonWas sind die CSS-Zentrierungsmethoden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!