wKioL1cacJfC0aSIAACPvhyJ_zA519.png

父级必设属性:

display:table;//让子级垂直居中

text-align:center//让子级水平居中

子级必设属性:

display: table-cell;

vertical-align: middle;

要点:父级要给宽高,子级在父级所设的宽高之内居中显示,如果图片要全屏居中显示,父级同过JS设置成窗口大小,若不希望图片超出窗口范围,可以设置图片的最大宽高为窗口的宽高。