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;
}