父级必设属性:
display:table;//让子级垂直居中
text-align:center//让子级水平居中
子级必设属性:
display: table-cell;
vertical-align: middle;
要点:父级要给宽高,子级在父级所设的宽高之内居中显示,如果图片要全屏居中显示,父级同过JS设置成窗口大小,若不希望图片超出窗口范围,可以设置图片的最大宽高为窗口的宽高。
时间: 2024-08-11 03:37:09
父级必设属性:
display:table;//让子级垂直居中
text-align:center//让子级水平居中
子级必设属性:
display: table-cell;
vertical-align: middle;
要点:父级要给宽高,子级在父级所设的宽高之内居中显示,如果图片要全屏居中显示,父级同过JS设置成窗口大小,若不希望图片超出窗口范围,可以设置图片的最大宽高为窗口的宽高。