мне сказали, что:Вертикальное выравнивание не работает на встроенный блок
Вертикальное выравнивание работает только для встроенных, встроенных блоков, изображений и таблицы элементов.
Он должен применяться к дочернему элементу, поскольку он противоположен родительскому элементу , в отличие от выравнивания текста.
Однако, когда я попытался установить вертикальное выравнивание по середине элемента встроенного блока, это не сработало. Зачем?
#wrapper {
border: 1px solid black;
width: 500px;
height: 500px;
}
#content {
border: 1px solid black;
display: inline-block;
vertical-align: middle;
}
<div id = 'wrapper'>
<div id = 'content'> content </div>
</div>
@Oriol Я имел в виду середину. И прежде чем вы спросите, да, середина является действительным значением. http://www.w3schools.com/cssref/pr_pos_vertical-align.asp И что вы подразумеваете под линейкой? – frosty
@Oriol Кроме того, я не ищу другого способа сделать это. Я просто ищу объяснение, почему это не работает, поэтому, пожалуйста, удалите дубликат. – frosty
@Oriol Если я понимаю это правильно, ссылаетесь ли вы на #content как поле строки? Потому что здесь всего 2 элемента: #wrapper и #content. – frosty