各种居中问题

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

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

3 不确定宽度的块级元素设置水平居中的方法，绝对定位术：

div{position:relative;}

img {

　　　display: block;

position: absolute;

width: 200px;

height: 400px;

top: 50%;

left: 50%;

margin-left: -100px; /* 宽度的一半 */

margin-top: -200px; /* 高度的一半 */ }

以上方法的水平居中都可以在父元素设置text-align：center来实现。