css를 작성하다 margin: 0 auto
가 작동하지 않아서 글을 적는다
margin: 0 auto
는 생각보다 자주 작동하지 않는데
margin-right 공식문서의 auto 부분을 보면
인라인 레이아웃(inline, inline-block, inline-table)의 auto 값은 0이다.
float이 적용되어 있는 블록 레이아웃의 경우도 0이다.
즉, 가운데 정렬이 되지 않는다는 의미이다
심지어 블러 레이아웃의 경우도 왼쪽이나 오른쪽 한 쪽만 auto로 설정한다면 그 값을 0이라고 적혀있다
한쪽만 쓰는 경우가 없어서 처음 알았다..
inlin-block을 쓰는 경우가 많다보니 margin: 0 auto
이 적용되지 않는 경우가 많다고 느낀 것 같다. (실제로도 좀 많은 것 같지만?)