Margin

q6hillz·2022년 4월 16일
0

css

목록 보기
11/25
/* 네 면 모두 적용 */
margin: 1em;
margin: -3px;

/* 세로방향 | 가로방향 */
margin: 5% auto;

/* 위 | 가로방향 | 아래 */
margin: 1em auto 2em;

/* 위 | 오른쪽 | 아래 | 왼쪽 */
margin: 2px 1em 0 auto;

margin 0 auto

So in margin: 0 auto, the top/bottom margin is 0, and the left/right margin is auto, Where auto means that the left and right margin are automatically set by the browser based on the container, to make element centered.

중점은, margin의 left와 right가 자동으로 container에 맞게 설정되어 중앙정렬 된다는 것이다.

0개의 댓글