首页 > 代码库 > 图片垂直居中代码

图片垂直居中代码

.img-outer {    display: table;    width: 100%;    height: 100%;    text-align: center;    .img-inner {        display: table-cell;        vertical-align: middle;        img {            max-width: 100%;            max-height: 100%;            vertical-align: middle;        }    }}

.img-inner 要有固定高度,不能是百分比

图片垂直居中代码