[CSS] img 수직/수평 가운데 정렬하기

CSS

#img {

display: table;

width: 100%;

height: 100%;

}

#img > div {

display: table-cell;

text-align: center;

vertical-align: middle;

}

#img > div > img {

max-width: 100%;

max-height: 100%;

margin: auto;

display: block;

}

HTML

<div id="img">

    <div>

        <img src="./img/Lighthouse.jpg">

    </div>

</div>