Heim >Web-Frontend >CSS-Tutorial >Wie kann ich ein verschachteltes Div innerhalb eines übergeordneten Elements mit prozentualer Höhe vertikal zentrieren?

Wie kann ich ein verschachteltes Div innerhalb eines übergeordneten Elements mit prozentualer Höhe vertikal zentrieren?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-11-30 17:10:13920Durchsuche

How Can I Vertically Center a Nested Div Within a Percentage-Height Parent?

Vertikale Ausrichtung eines verschachtelten „div“ in einem übergeordneten Element mit prozentualer Höhe

Es stellt sich die Frage, ob eine Ausrichtung möglich ist ein verschachteltes „div“ vertikal innerhalb eines übergeordneten „div“, das seine Höhe als angibt Prozentsatz.

Lösung:

Dieses Thema wurde in verschiedenen Foren ausführlich diskutiert. Eine einfache Online-Suche liefert zahlreiche Ergebnisse. Unter den empfohlenen Ansätzen ist die Verwendung der Funktion „display:table-cell;“ am weitesten verbreitet. und 'vertikal ausrichten: Mitte;' Eigenschaften.

Beziehen Sie sich auf das folgende Beispiel:

`

Zentrierter Text

< ;/div>`

Hinweis:

Während dieser Lösung effektiv sein kann, ist es wichtig zu beachten, dass es in Internet Explorer 6 möglicherweise nicht reibungslos funktioniert. Berücksichtigen Sie daher diese Einschränkung, bevor Sie diesen Ansatz implementieren.

Das obige ist der detaillierte Inhalt vonWie kann ich ein verschachteltes Div innerhalb eines übergeordneten Elements mit prozentualer Höhe vertikal zentrieren?. 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