水平居中：
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>
最新文章
热门文章
猜你喜欢
