html, body {
height: 100%;
}
body {
text-align: center;
}
body:after {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
img {
vertical-align: middle;
}
<img src="img/shikamaru.jpeg" alt="" width="200" height="200">
一般在
img标签上使用这种居中，其他元素不用这个方法
