CSS图片水平垂直居中

	<div>
		<img src="">
	</div>

 

div {
	margin: 0px;
	padding: 0px;
	border: 1px solid red;
	width: 555px;
	height: 320px;
	text-align: center; /*水平居中*/
	line-height: 320px; /*垂直居中，等于height，但它只是让图片的下边垂直居中*/
}

img {
	vertical-align: middle; /*图片的中心垂直居中*/
	/*图片大于父元素时，能自适应大小，前提是父元素定义过大小*/
	max-height: 100%;
	max-width: 100%;
}