CSS图片垂直水平居中

方案一、性能比方案二好

/*将最外层元素都撑开到100%屏幕*/
html,body{
	width:100%;
	height:100%;
}
body{
	text-align:center;
}
body:after{
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
/*选中的图片元素*/
img{
	vertical-align:middle;
}

方案二、

img{
	position:absolute;/*这里是方案二的代价*/
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}