이미지를 중앙에 배치하는 방법

CSS를 사용하여 이미지를 중앙에 배치하는 방법을 배우세요

이미지 중앙 배치

튜립

이미지를 중앙에 배치하는 방법

第一步 - HTML 추가

<img src="paris.jpg" alt="Paris" class="center">

第二步 - CSS 추가

이미지를 중앙에 배치하려면, 좌우 외부 마argins을 설정하세요 auto그리고 블록 요소로 설정하세요：

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

본인이 직접 시도해 보세요

주의하세요, 너비를 설정하면 100%（완벽한 폭），이를 중앙에 맞추는 것이 불가능합니다.

관련 페이지

강의:CSS 이미지