So richten Sie Elemente in einem Container mit CSS vertikal aus

Sie können CSS3 Transform verwenden, um eine vertikale Ausrichtung von Elementen im Container zu erreichen.

(Empfohlenes Lernen: CSS-Schnellstart)

Spezifische Codeimplementierung:

.verticalcenter{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

Verwenden Sie diese Technik, um von einzeiligem Text zu zu wechseln Absätze in Kästchen werden vertikal ausgerichtet.

Derzeit erfordert die Browserunterstützung für Transform Aufmerksamkeit. Chrome 4, Opera 10, Safari 3, Firefox 3 und Internet Explorer 9 unterstützen dieses Attribut.

Das obige ist der detaillierte Inhalt vonSo richten Sie Elemente in einem Container mit CSS vertikal aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!