图片自适应居中显示

<div style="position: relative;
                height: 300px;
                width: 300px;
                border: 1px solid #e1e1e1;
                text-align: center;
                vertical-align: middle;
                cursor: pointer;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-pack: center;
                justify-content: center;
                overflow: hidden;">
                <img style="display: inline-block;
                  max-width: 298px;
                  max-height: 298px;
                  width: auto;
                  height: auto;" :src="info.logo ? info.logo : noImg ">
              </div>