Ich habe ein absolut positioniertes Element mit Inhalt im Inneren. Es kann ein <h1>
oder ein paar <p>
Tag sein. Also ich kenne die Höhe des Inhalts nicht.Center Inhalt in einem absolut positionierten div
Wie kann ich vertikal den Inhalt innerhalb der absolut positionierten div
zentrieren?
HTML:
<div id="absolute">
<div class="centerd">
<h1>helo</h1>
<span>hi again</span>
</div>
</div>
CSS:
#absolute {
position:absolute;
top:10px;
left:10px;
width:50%;
height:50%;
background:yellow;
}
.centerd {
display:table-cell;
vertical-align:middle;
}
dieses Zentrum nicht den Inhalt .. es macht den Inhalt * Start * vom Zentrum –
@ExplosionPills für mich den Inhalt zum Zentrum scheint - versuchen, mehr Inhalt in und Sie hinzufügen sieht, dass es vertikal ausgerichtet bleibt, nicht von der Mitte aus. Sie können denken, dass es in der Mitte beginnt, da die h1 natürliche obere Polsterung hat, die es nach unten drückt – Pete