У меня есть элемент с абсолютным расположением с содержимым внутри. Это может быть <h1>
или несколько тегов <p>
. Поэтому я не знаю высоту контента.Содержание центра в абсолютном положении div
Как я могу вертикально центрировать содержимое внутри абсолютно расположенного 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;
}
Это не центр содержания .. это просто делает содержание * начать * от центра –
@ExplosionPills КАЖЕТСЯ центрировать содержимое для меня - попробуйте добавить больше контента, и вы будет видеть, что он остается вертикально выровненным, а не начинается с центра. Вы можете подумать, что он начинается в центре, так как h1 будет иметь естественное верхнее дополнение, которое отталкивает его – Pete