居中使用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>