w3.css
센터 이미지
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%;
}
기본 예시
예제 보기참고
W3C School - How TO - Center Images
공부 목적 블로그