방법 - 중앙 이미지
CSS로 이미지를 중앙에 배치하는 방법을 알아보세요.
중앙 이미지:
이미지를 중앙에 맞추는 방법
1단계) HTML 추가:
예시
<img src="paris.jpg" alt="Paris" class="center">
2단계) CSS 추가:
이미지를 가운데에 맞추려면 왼쪽 및 오른쪽 여백을 로 설정 auto
하고 block
요소로 만듭니다.
예시
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
너비가 100%(전체 너비)로 설정되어 있으면 가운데에 맞출 수 없습니다.
팁: CSS 이미지 자습서 로 이동하여 이미지 스타일 지정 방법에 대해 자세히 알아보세요.