Динамические DIVs выравнивают по центру с помощью CSS

Question

Я ищу лучший способ вертикального выравнивания в CSS. Я понимаю, что это не совсем решенная проблема: свойство вертикального выравнивания не такое, как в HTML. Мне нужен код, работающий как свойство margin: auto по горизонтали. Код, который я использую сейчас, не работает везде (например, fadeIn объекта). Вот оно:

<div style="width:200px; height:100px; background:white; display:table">
    <div style="display:table-cell; vertical-align:middle">
        <img src="image.jpg" height="20" width="100" />
    </div>
</div>

Answer 1

Попробуйте использовать метод абсолютного положения здесь . Было бы неплохо, если бы вы действительно разместили jsfiddle с анимацией и еще много чего, чтобы мы могли видеть.

Answer 2

Взгляните на этот урок по Вертикальное центрирование в CSS . Смежные вопросы Вертикальное выравнивание в CSS? , Каков наилучший способ центрировать деление по вертикали с CSS? Вертикальное выравнивание DIV на всей странице также содержат некоторые полезные ответы.