css 圖片居中 完美版

外層div

position: relative;
	width: 400px;
	height: 400px;
	overflow: hidden;
	/* vertical-align: middle; */
	text-align: center;
	background-color: #f6f6f6;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center;

內層 img

max-width: 400px;
  max-height: 400px;
  margin: 0 auto;
  text-align: center;

參考我改的頁面: http://www.jcbzw315.com/product/2804.html