margin: 0 auto 의 조건

이예·2022년 11월 1일
0

FrontEnd

목록 보기
1/3

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이 적용되지 않는 경우가 많다고 느낀 것 같다. (실제로도 좀 많은 것 같지만?)

profile
다 해보고싶은 사람

0개의 댓글