div태그 안의 이미지 가운데 정렬하기

div를 hidden으로 설정해 놓고 그 안에 img 태그를 뿌리는 방법은

우리가 흔히 섬네일 이미지를 보여주려고 할때 많이 사용한다.

이때 이미지를 수평, 수직 가운데 정렬하고 싶은데 그 방법은 간단하다.

아래와 같은 CSS 속성을 이미지에 부여해주면 된다.

position: absolute;

top: 0; bottom: 0;

left:0; right: 0;

margin: auto;

이 방법은 흔히 콘텐츠를 정 가운데 배치할때 많이 쓰는 방법인데,

섬네일 이미지 가운데 정렬에서도 사용 가능함을 최근 알게 되었다.