居中小笔记13

div {
    width: 500px;
    height: 500px;
    border: 2px solid red;
    position: relative;
}
img {
    position: absolute;
    /* 使img在div中完全撑开 */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
<div>
    <img src="https://5b0988e595225.cdn.sohucs.com/images/20190222/0aa4dc7d21aa469f9bb39e0b96616da6.gif" alt="">
</div>