Wie zentriere ich ein Div von oben nach unten?

Ich möchte nur das div in der Mitte der Seite sein, gleichen Abstand von oben nach unten und ich muss Prozent verwenden, weil der Div-Inhalt variiert. Ich habe unten versucht: 50%, aber das funktioniert nicht.Wie zentriere ich ein Div von oben nach unten?

Hey Leute, danke für die Antworten! Meine ist ein wenig anders und es ist mein Fehler, dies nicht hinzuzufügen, besuchen Sie my blog, um das Problem zu sehen.

Hey everyone, vielen Dank für Ihre Zeit unter Verwendung eines solchen dumme Frage zu beantworten, aber ich fand, dass der einfachste Weg, nur ist padding zu verwenden:

padding-top:X%; 
padding-bottom:X%;

Dann einfach mit ihr Durcheinander zu sehen, was Ihr Ergebnis ist . Wenn Sie etwas Besseres haben, BITTE TEILEN, weil dies offensichtlich wahrscheinlich nicht das zuverlässigste ist.

Quelle

2011-01-14 Earl Larson

Das sieht aus wie eine Antwort http://stackoverflow.com/questions/1205457/how-to-design-a-css-for-a-centered-floating-confirm-dialog – sinelaw

Werfen Sie einen Blick auf diese: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html –

mögliche Duplikate von [Vertical ein Element in CSS ausrichten] (http://stackoverflow.com/questions/2792336/vertical-align-an-element-in-css) – Phrogz

vertical-align:center für vertikal text-align:center dann für die horizontale Ausrichtung

Quelle

2011-01-14 04:24:30 tekknolagi

#mydiv { 
    position:absolute; 
    top:20%; bottom:20% 
}

Siehe auch Understanding Vertical Align.

Quelle

2011-01-14 04:27:30 Phrogz

#div{ 
position:absolute; 
top:0; 
bottom:0; 
left:0; 
right:0; 
height:100px; 
width:100px; 
}

Dieser Code richtet sich entweder von unten nach oben oder von links nach rechts, aber Sie müssen Breite und Höhe festlegen.
Oder nutzen Sie diese:

#div{ 
display:flex; 
align-items:center; 
}

Quelle

2017-05-28 21:35:00

Wie zentriere ich ein Div von oben nach unten?

Antwort

Verwandte Themen