居中使用100％寬度和最大寬度屬性的Div？

Question

關於如何居中一個div的問題

當div有一個固定的寬度（y px）時，我只使用left：50％和margin-left：-y/2 px;

但是，我會如何居中一個具有寬度：100％和固定的最大寬度的div？即

body_container

{

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

}

Answer 1

試試這個jQuery來使頁面的一個div中心：

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