100 % 너비 및 최대 너비 속성을 사용하여 Div를 가운데에 맞 춥니 다?

Question

div를 센터하는 방법에 대한 질문

div가 고정 된 너비 (ypx)를 가질 때, 왼쪽 : 50 % 및 여백 - 왼쪽 : -y/2px를 사용합니다.

하지만 너비가 100 인 div와 최대 너비가 고정 된 div는 어떻게 중심에 배치합니까? 즉

body_container

{

position: absolute; 
margin: auto; 
max-width: 1750px; 
height: 100%; 
width: 100%; 

}

Answer 1

페이지의 사업부 센터를 만들기 위해이 jQuery를보십시오 : youe 100 % 폭을 사용하는 경우

<script> 
    jQuery.fn.vh_center = function (absolute) { 
     return this.each(function() { 
      var t = jQuery(this); 

      t.css({ 
       position: absolute ? 'absolute' : 'fixed', 
       left:  '50%', 
       top:  '50%', 
      }).css({ 
       marginLeft: '-' + (t.outerWidth()/2) + 'px', 
       marginTop: '-' + (t.outerHeight()/2) + 'px' 
      }); 

      if (absolute) { 
       t.css({ 
        marginTop: parseInt(t.css('marginTop'), 10) + jQuery(window).scrollTop(), 
        marginLeft: parseInt(t.css('marginLeft'), 10) + jQuery(window).scrollLeft() 
       }); 
      } 
     }); 
    }; 



    $(document).ready(function(){ 

           $('#Your_div').vh_center(); 

           }); 

</script>