Heim >Web-Frontend >CSS-Tutorial >Wie zentriere ich ein Div in CSS horizontal?
Wie zentriere ich ein Div in CSS horizontal?
- Mary-Kate OlsenOriginal
- 2024-11-29 13:58:09746Durchsuche
Ein Div horizontal in CSS zentrieren
Frage:
Wie zentriere ich ein
horizontal?
Problem:
Textausrichtung festlegen: zentriert; auf der
zentriert es nicht horizontal.
Antwort:
Horizontale Zentrierung für Blockelemente
- text-align: Center; Zentriert nur den Inline-Inhalt des Elements, nicht das Element selbst.
-
Für Blockelemente (wie
) verwenden Sie:- margin: 0 auto;
Dies setzt den oberen und unteren Rand auf 0 und den linken und rechten Rand auf automatisch Größe. Das Element wird automatisch zentriert, sofern es eine bekannte Breite hat.
Horizontale Zentrierung für Inline-Elemente
- Set text-align: center; stattdessen auf dem übergeordneten Element.
Das obige ist der detaillierte Inhalt vonWie zentriere ich ein Div in CSS horizontal?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wie kann ich meine Bilder auf meiner Website responsiv gestalten?Nächster Artikel：Wie kann ich meine Bilder auf meiner Website responsiv gestalten?