이미지 가운데 정렬하는 방법
이미지를 가운데 정렬하는 방법은 여러 가지가 있습니다. 그 중 자주 사용되는 두 가지를 소개합니다.
방법 1
이미지의 부모 요소에 text-align 속성을 추가하는 방법입니다.
<div>
<img src="https://bit.ly/2GrygUe" alt="">
</div>
div {
text-align: center;
}
로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.
방법 2
부모 요소를 사용할 수 없다면, img 요소를 block 요소로 만든 후 margin 속성을 이용해서 가운데에 위치시킬 수 있습니다.
img {
display: block;
margin: 0 auto;
}
로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.