调整大小并将动态内容居中在div内

Question

我正在尝试调整大小并将动态内容居中放在div onLoad中，并调整窗口大小以适合我的液体布局。

由于易于理解，发布链接< http://jsfiddle.net/h52tqaz2/">fJSFiddle >。

为什么它没有将所有的DIV放在onLoad中（但它在调整大小时居中）？ 如何通过保持高宽比来根据窗口的高度以及根据窗口的宽度来制作这个比例尺？

注意：动态内容大小不一样。

Answer 1

使用ready代替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