まず、中間レベル
（1）親要素の線要素は、テキスト整列をする：センターができます。
（2）マージン設けられているバルク要素、：0自動缶と、
（3）サブ要素からなるフロートの場合：;左属性ミドルレベルを作るために、子要素、親要素フィット・コンテンツの幅を設定する必要があり、余裕をもっ：0オート、次のように：
。親{
幅：-moz-フィットコンテンツ。
幅：-webkit-フィットコンテンツ。
幅：フィットコンテンツ。
マージン：0自動;
}
PS：フィット・コンテンツは、現在、唯一のChromeとFirefoxのサポート
（4）フレックス（2012）
。息子{
表示：フレックス。
正当化 - コンテンツ：センター;
}
（5）フレックス（2009）、親要素の表示：箱、箱パック：センター;以下の設定：
.parent {
表示：-webkit-ボックス。
-webkit-ボックスオリエント：水平;
-webkit-箱パック：センター;
表示：-moz-ボックス。
-moz-ボックスオリエント：水平;
-moz-箱パック：センター;
表示：-o-ボックス。
-o-ボックスオリエント：水平;
-o-箱パック：センター;
表示：-ms-ボックス。
-ms-ボックスオリエント：水平;
-ms-箱パック：センター;
表示：ボックス。
ボックス・オリエント：水平;
箱パック：センター;
}
（6）新しいCSS3の使用変換プロパティは、次のサブ要素を提供しました：
.son {
位置：絶対。
左：50％;
変換：変換（-50％、0）;
}
次のように（7）絶対測位モードを使用して、負のマージン左、サブ要素（固定幅）
。息子{
位置：絶対;
width:固定；
left:50%;
margin-left:-0.5宽度
}
（8）使用绝对定位方式, 以及left:0;right:0;margin:0 auto; 子元素（宽度固定）设置如下:
.son{
position:absolute;
width:固定；
left:0;
right:0;
margin：0 auto
}
二、垂直居中
（1）若元素是单行文本，则可设置line-height即可；
（2）若元素是行内块级元素，用display:inline-block;vertical-align:middl和一个伪元素让内容块垂直居中：
.parent:after,.son{
display:inline-block;
vertical-align:middle;
}
.parent:after{
content:'';
height:100%;
}
（3）元素高度不固定，可使用vertical-align:middle,但是只用父元素是th或者td时此方法才有效，所以为了使用vertical-align，需要设置父元素display：table，子元素display:table-cell;vertical- align:middle;
优点：元素高度可以动态改变，不需在css中定义，如果父元素没有足够空间，该元素内容也不会被截断
缺点：ie6~7甚至ie8beta中无效
（4）flex(2012)
.parent{
display:flex;
align-items:center
}
优点：1、元素块的宽高任意 2、可用于更复杂高级的布局技术中
缺点：1、ie9-不适应 2、需要浏览器前缀 3、渲染有一些问题
（5）flex(2009)