Web · grid

Grid 라인 기반 배치와 영역 지정 구조

그리드 아이템은 셀 번호가 아니라 라인 번호와 영역 이름을 기준으로 위치를 차지합니다.

Grid 아이템 제어

grid

grid-column

시작/끝 열 라인으로 가로 범위를 정합니다.

grid-row

시작/끝 행 라인으로 세로 범위를 정합니다.

grid-area

이름 있는 영역이나 축약 배치를 사용합니다.

justify-self

셀 내부 가로 위치를 아이템별로 조정합니다.

align-self

셀 내부 세로 위치를 아이템별로 조정합니다.

grid lines column/row area self align placed item

Grid 아이템 배치 정리

Grid 아이템 속성은 전체 레이아웃 규칙 위에서 개별 아이템이 어느 라인과 셀 안에 놓일지 정하는 장치입니다.