原文链接
最近我们深入♂了解了css布局的核心概念并且探寻绝对布局和相对布局的不同.We’re going to follow that up with another CSS layout talk, this time based around a fundamental question that almost every new developer asks: how do you center something? （抱歉，这句话长的我没有理清楚hhh，大意是为了引出我们今天的课题。）
有一堆不同的web元素和布局情形，每一个都需要一种特定的解决方案来居中（包括垂直和横向居中）

开始了

横向居中

1.在视窗或者浏览器窗口中横向居中，为了表述方便，给定一个div，并且给个深色背景：

div{
height:200px;
width:200px;
background:#222;
}

如图：

可见，在通常情况下，div会出现在左上角视窗的左上角，但是我们<big>不清楚窗口的实际大小</big>,这意味我们不能使用使用绝对定位将其放置在一个特定的点。
于是我们对margin使用auto属性，效果如下：

如你所见，使用一行css代码就使得div相对于父元素居中（过会儿再翻。。）