• Q&A
  • 회원가입
  • 로그인

[image] CSS - enter an Image (이미지 가운데정렬)

 

방법1 - img 자체 이용
img 요소를 display:block 속성 이용해 블럭 요소로 만들고, margin 좌우를 auto 주면 됨.


<style>

img {

    display: block;

    margin-left: auto;

    margin-right: auto;

}

</style>


<div>

   <img src="https://homzzang.com/data/logo-planner/1993870266_2ba60bdc_spelling.png" alt="homzzang">

</div>

결과 보기

 

방법2 - 부모 요소 이용
바로 위 부모 요소에 text-align:center 속성 주면 됨.

 

<style>

div {

    text-align:center;

}

</style>


<div>

   <img src="https://homzzang.com/data/logo-planner/1993870266_2ba60bdc_spelling.png" alt="homzzang">

</div>



결과 보기


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012