Redimensionner et centrer le contenu dynamique à l'intérieur d'un div

Question

J'essaie de redimensionner et de centrer le contenu dynamique à l'intérieur d'un div onLoad et sur le redimensionnement de la fenêtre pour l'adapter à ma disposition liquide.

Affichage d'un lien < http://jsfiddle.net/h52tqaz2/">fJSFiddle > en raison d'une compréhension simple. Pourquoi ne centre-il pas toutes les DIV sur onLoad (mais il se centre quand redimensionner)?

Pourquoi? Comment puis-je faire cette échelle en fonction de la hauteur de la fenêtre ainsi qu'en fonction de la largeur de la fenêtre en conservant son rapport d'aspect?

REMARQUE: le contenu dynamique n'a pas la même taille.

Answer 1

Utilisation ready au lieu de onload:

$(document).ready(center_images); 
$(window).resize(center_images); 

function center_images() { 
    var parent_width = $('.container').width(); 
    $('.content').each(function() { 
     var content_width = $(this).width(); 
     var margin = (parent_width-content_width)/2; 
     $(this).css('left', margin); 
    }); 
} 

Check JSFiddle Demo