Das lästige Problem bei CSS ist die vertikale Zentrierung. Es gibt mehrere Möglichkeiten, eine vertikale Zentrierung zu erreichen, aber jede Methode weist bestimmte Einschränkungen auf, sodass die vertikale Zentrierung entsprechend den tatsächlichen Geschäftsszenarien verwendet werden kann.
1. Der Inhalt im Container besteht nur aus einer Textzeile
2. Die einfachste vertikale Zentrierungsmethode in CSS besteht darin, den Container anzugeben Gleiche obere und untere Polsterung, sodass Behälter und Inhalt ihre eigene Höhe bestimmen können. Schauen Sie sich das Beispiel unten an, das den Inhalt im übergeordneten Container vertikal zentriert, indemauf einen gleichen Wert gesetzt wird.
测试
padding-top
和padding-bottom
测试
Empfohlen: „Zusammenfassung der CSS-Interviewfragen 2021 (Neueste)“
Das obige ist der detaillierte Inhalt vonCSS-Element vertikal zentriert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!