이미지 중앙 정렬 방법

이미지 중앙 정렬 방법

1. 그냥 이미지에 사용하고 싶은 경우.

다 필요 없고 [Align]만 기억하시면 됩니다.

중앙 정렬 [center] 

오른쪽 정렬 [right]

왼쪽 정렬 [left]

EX) 

<div align="center">      </div> 

저 빨간색 부분에 <img src="test.png"> 넣으시면 test.png는 div 영역 안에서 중앙정렬 되어 출력됩니다.

2. CSS에서 사용하고 싶은 경우.

다 필요 없고 [Float]만 기억하시면 됩니다.

EX)

img {

border: 3px solid red;

width: 100%;

float: center;

}

float : 자기가 원하는 위치를 적어주시면 됩니다.

참 쉽죠?