css background-image 가운데 정렬

가운데 정렬 작업을 하다보면

position: center;

text-align: center; 

이 먼저 생각나는데

 

배경이미지(background-image) 설정은 저걸로 해도 가운데 정렬이 안됨.

 

background-position: center; 

 

cf.

width: 100%;

background-image: url("이미지 경로");

background-repeat:  no-repeat;

//no-repeat을 해줘야 배경 이미지가 반복생성되지 않는다.

background-size:contain;

//size 속성은 contain을 하면 해당 div 사이즈 안에 꽉차도록 설정됨

 

으로 가운데 정렬하자.