不确定宽高的图片在盒子中自动上下左右居中

不确定宽高的图片，要在盒子中水平垂直居中，当图片是宽比高大的时候上下居中，高比宽大的时候左右居中

第一步：

			给图片父盒子宽高进行占位，例如：
			.imgBox  {
	            width:  233px;
	            height: 233px;
	            text-align: center;
	            overflow: hidden;
	            position: relative;
	            }

第二步：

		给子元素图片设置定位，图片宽高不能定死，只能给最大宽高，保证图片不会超过盒子的大小
		img {
          display: block;
          max-width: 100%;
          max-height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
        }

这样就可以了，不管是什么大小的图片，都可以在盒子里上下左右居中。