CSS Vertical Align DIV in die Mitte
Ich bin versucht, ein div-element, in der Mitte ein div-container sowohl vertikal als auch horizontal, wenn wir nicht wissen, die Höhe der container.
Habe ich das container-element, um fit über die gesamte Höhe und Breite des Dokuments durch die absolute Positionierung, aber nicht bekommen kann die vertikale Ausrichtung.
.ui .chv {
text-align: center;
position: absolute;
top: 60px;
bottom: 50px;
left: 20px;
right: 20px;
display: block;
margin: 0;
height: auto;
background: green;
text-align: center;
vertical-align: middle;
}
Mögliche Duplikate von: zentrieren div vertikal in % height div?
InformationsquelleAutor Robin Knight | 2012-11-25
Du musst angemeldet sein, um einen Kommentar abzugeben.
vertical-align:middle funktionieren wird, wenn der div haben display:table-cell Stil.
Div mit "display:table-cell" soll einen übergeordneten div mit der display:table
Setzen Sie folgenden html-innen
<div class="chv"></div>
, so dass die endgültige markup wird so sein
Sehen dies in jsfiddle
Fügte ich hinzu .in voller Breite .volle Höhe Klassen zum festlegen der Breite und Höhe 100%.
InformationsquelleAutor aju