Все, что я хочу сделать, это центрировать некоторые элементы на странице.Внешний является фиксированным размером и центрируется по горизонтали через margin: 0 auto
.Внутри этого div у меня есть пара изображений бок о бок внутри другого div, который оборачивается в их размер.Я хочу центрировать в этом div как по вертикали, так и по горизонтали внутри внешнего div.
Это кажется достаточно простой вещью, которую нужно сделать, не так ли?
Обновление:
Позвольте мне немного прояснить, в чем именно заключается проблема.Я бы хотел использовать трюк display: table-cell
для включения vertical-align: middle
, но проблема в том, что когда я делаю это, div сжимается до размера его содержимого, таким образом, не предлагая никакого пространства для центрирования вообще, и этот divпросто застрял в верхнем левом углу родительского.Мне нужен блок display: table-cell
, чтобы заполнить доступное пространство содержащего элемента div, чтобы в нем было место для центрирования его содержимого.
Обновление 2: решено!
Поворотыпроблема заключалась в том, что у меня не было блока display: table-cell
, содержащегося в div, который был установлен на display: table
.Я не совсем уверен, чем display: table
отличается от display: block
, но это, очевидно, необходимый шаг.Похоже, сейчас работает!