Kann ich ein Inline-Block-Element zentrieren, ohne „display:table' zu verwenden?

CSS Centering Display Inline Block

Frage:

In einem Arbeitscode ist die zentrierte Ausrichtung einer Wrap-Klasse erreicht mit display:table. Der Benutzer äußert jedoch eine Präferenz für die Verwendung von display:block oder display:inline-block. Es stellt sich die Frage: Gibt es einen alternativen Ansatz, um eine zentrierte Ausrichtung zu erreichen, ohne sich auf display:table zu verlassen?

Lösung:

Um dieses Problem zu beheben, führen Sie einfach text-align ein: center zum Körper und display: Inline-Block zur Wrap-Klasse, während die display: table-Eigenschaft entfernt wird. Diese Änderung zentriert den Inhalt effektiv innerhalb der Wrap-Klasse, ohne die gewünschte Anzeige zu beeinträchtigen: Inline-Block. Hier ist das geänderte CSS:

body {
    background: #bbb;
    text-align: center;
}

.wrap {
    background: #aaa;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
}

Das obige ist der detaillierte Inhalt vonKann ich ein Inline-Block-Element zentrieren, ohne „display:table' zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!