CSS入门指南——页面的水平居中

 我们经常看到这样的网页，即内容水平居中在屏幕中间，左右留白。我们来给这样的布局起个名字——水平居中布局

 

其实要实现这样的布局十分简单，即给中间部分一个宽度，设置margin左右值为auto,如，中间部分class="main"

.main{
   width:1200px;
  margin:0 auto;  
}

这样，中间部分就以1200px的宽度水平居中了，当屏幕宽度小于1200时，会自动覆盖

 

---

补充一下关于  margin——页面外边距 和 padding——页面内边距  的知识，请看另一篇随笔。

http://www.cnblogs.com/tanghm/p/9022923.html