Dynamic DIVs vertical-aligner le milieu avec CSS

Question

Je suis à la recherche de la meilleure façon d'aligner verticalement en CSS. Je rencontre un problème non résolu: la propriété vertical-align n'est pas la même qu'en HTML. J'ai besoin d'un code fonctionnant comme la propriété : auto de manière horizontale. Le code que j'utilise actuellement ne fonctionne pas partout (ex: fadeIn l'objet). Le voici:

<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

Essayez la méthode de la position absolue utilisée here. Ce serait bien si vous avez effectivement posté un jsfiddle avec des animations et autres joyeusetés que nous pouvons voir.

Answer 2

Jetez un oeil à ce tutoriel sur Vertical Centering in CSS. Les questions connexes Vertical aligning in CSS?, What's The Best Way of Centering a Div Vertically with CSS? et Vertially aligning a DIV on the entire page contiennent également des réponses utiles.