div/css 页面居中的布局

div/css 页面居中的布局的设计，效果：系统显示的分辨率的不同，页面主题在屏幕中间

　　样式部分代码：
　　
　　<style. type=text/css>
　　body{
　　margin:0px;
     background-color:black
　　}

　　.container{
     width:780px;
     margin-left:auto;
     margin-right:auto;
     height:600px;
     background-color:white
　　}
　　</style>

　　主要利用margin-left:auto  margin-right:auto 实现，margin-left:auto可以使得布局部分左对齐，margin-right:auto可以使得布局部分右对齐，两个一起用上，正好居中布局。还可以简化写法，margin:0 auto，意味上下的边距为0，左右自动，实现居中。