调整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