Мне сказали, что:
Вертикальное выравнивание работает только для встроенных, встроенных блоков, изображений и таблицы элементы.
Он должен применяться к дочернему элементу, поскольку он противоположен родительский элемент, в отличие от выравнивания текста.
Однако, когда я попытался установить вертикальное выравнивание по середине элемента встроенного блока, это не сработало. Почему?
#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>