div 내에서 동적 내용의 크기를 조정하고 가운데에 맞 춥니 다

Question

동적 레이아웃을 맞추기 위해 div onLoad 및 창에서 동적 내용의 크기를 조정하고 가운데에 맞추려고합니다.

쉬운 이해로 인해 < http://jsfiddle.net/h52tqaz2/">fJSFiddle > 링크를 게시하고 있습니다.

왜 모든 DIV onLoad의 중심에 있지 않습니까? 가로 세로 비율을 유지하여 창의 너비에 따라뿐만 아니라 창의 높이에 따라이 비율을 만들 수 있습니까?

참고 : 동적 콘텐츠의 크기가 다릅니다.

Answer 1

대신 사용 onload의 ready :

$(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