Wie kann ich einen Inhaltscontainer horizontal zentrieren, ohne „display:table' zu verwenden?

Zentrierung der Anzeige: inline-block

In einem Layout, das aus einer Seitenleiste und einem Inhaltscontainer besteht, besteht das Ziel darin, den Inhalt horizontal zu zentrieren ohne feste Breiten zu verwenden. Obwohl die Verwendung von display:table dies erreicht, wird dies nicht bevorzugt. In diesem Artikel wird eine alternative Lösung mit display:inline-block untersucht.

Um den Inhalt zu zentrieren, kann das folgende CSS angewendet werden:

body {
    text-align: center;
}

.wrap {
    display: inline-block;
}

In dieser Modifikation wird display:table aus entfernt .wickeln. Zusätzlich wird text-align:center zum Text hinzugefügt, um sicherzustellen, dass der Inhalt innerhalb des verfügbaren horizontalen Raums zentriert wird.

Diese alternative Methode erzielt den gewünschten Zentrierungseffekt, ohne dass display:table erforderlich ist. Es handelt sich um einen einfacheren und flexibleren Ansatz, der sich an verschiedene Layoutszenarien anpassen lässt.

Das obige ist der detaillierte Inhalt vonWie kann ich einen Inhaltscontainer horizontal zentrieren, ohne „display:table' zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!