Центрирование динамически изменяемого div внутри другого div, центрированного на странице - PullRequest
1 голос
/ 14 марта 2012

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

1 Ответ

1 голос
/ 14 марта 2012
...