水平居中：

　　1、单独文字垂直居中我们只需要设置CSS样式line-height属性即可。

　　2、文字与图片同排，在设置div高度同时再对此css样式的图片“img”样式设置vertical-align:middle垂直居中属性，如.yangshi img{vertical-align:middle;} 。

　　垂直居中：

　　1．对这个CSS居中问题，我们可以使用设置背景图片的方法。举例：

　　body {BACKGROUND: url(”图片文件”) #FFF no-repeat center;}

　　关键就在于这个Center属性，它表示让该背景图片在容器中居中。你也可以把Cener换成Top Left或者直接写上数字来调整它的位置。

　　2．如何使文本在DIV中垂直居中

　　对于文字，便不能用背景方法，可以用增高行距的办法变通实现垂直居中，示范代码如下：

#center{ MARGIN-RIGHT: auto; MARGIN-LEFT: auto; height:200px; vertical-align:middle; line-height:200px; }
<div id=”center”><p>test content</p></div>