Mam element umieszczony absolutnie z zawartością w środku. Może to być <h1>
lub kilka tagów <p>
. Więc nie znam wysokości zawartości.Zawartość środkowa w div o bezwzględnej pozycji
Jak mogę wyśrodkować w pionie zawartość wewnątrz absolutnie ustawionego div
?
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;
}
nie wyśrodkować zawartość .. to właśnie sprawia, że zawartość * * zacząć od centrum –
@ExplosionPills wydaje wyśrodkować zawartość dla mnie - spróbuj dodać więcej treści i ci zobaczy, że pozostaje wyrównany w pionie, nie zaczyna się od środka. Możesz myśleć, że zaczyna się w centrum, ponieważ h1 będzie miał naturalne dopełnienie, które popycha – Pete