Javascript 调整div内动态内容的大小并使其居中

我正在尝试调整div onLoad中的动态内容的大小和中心位置，并调整窗口大小以适应我的液体布局

发布链接

FJSFIDLE>

，易于理解

为什么它不在加载时将所有div居中（但在调整大小时居中）？ 如何根据窗口的高度以及通过保持其纵横比来根据窗口的宽度进行缩放

---

注意：动态内容大小不同。

使用

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);
    });
}

---

谢谢。清理得很好。你知道如何在调整窗口大小时保持纵横比吗？代码可以水平缩放内容，但不能垂直缩放。@JonaNathali:我不知道你的意思是什么

在调整窗口大小时保持纵横比

，但我想你的问题已经得到了回答，你正在问一个问题其他问题。