margin:0 auto; 가운데 정렬이 안될때 해결방법

5o_hyun·2022년 11월 18일
0
post-thumbnail
post-custom-banner
  1. <!Doctype ~> 선언이 제대로 되어있는지 확인해보기

  2. auto는 자동으로 사이즈를 설정해주는것이다. 따라서 가로값이 정확하게 인식할 수 있어야 정렬이 가능하다. margin: 0 auto; 반응하지 않을때에는 해당 영역의 가로사이즈가 제대로 설정되어있는지 확인해보고, 만약 지정되어있지 않다면 width를 지정해주어야한다.

  3. margin:0 auto;는 inline에서 듣지않는다. 따라서 해당 속성이 inline속성이 아닌지 체크해보고 아니라면 block속성으로 바꿔줘야한다.

가끔 reset,common등에 속성이 기본으로 제시된경우 안먹는경우도 있으니 그점도 주의해서 보자.

profile
학생 점심 좀 차려

0개의 댓글