Dynamische DIVs vertikal ausgerichtet mit CSS

Question

Ich bin auf der Suche nach dem besten Weg der vertikalen Ausrichtung in CSS. Ich erlebe, dass dies ein nicht gut gelöstes Problem ist: Die Eigenschaft "lotrecht ausrichten" ist nicht die gleiche wie in HTML. Ich brauche einen Code, der wie der Rand funktioniert: Auto Eigenschaft in horizontaler Weise. Der Code, den ich gerade benutze, funktioniert nicht überall (zB: fadeIn das Objekt). Hier ist es:

<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

Probieren Sie die absolute Positionsmethode aus here. Es wäre schön, wenn Sie tatsächlich ein Spiel mit Animationen und so weiter machen würden, damit wir sehen können.

Answer 2

Werfen Sie einen Blick auf dieses Tutorial auf Vertical Centering in CSS. Verwandte Fragen Vertical aligning in CSS?, What's The Best Way of Centering a Div Vertically with CSS? und Vertially aligning a DIV on the entire page enthalten auch einige hilfreiche Antworten.