justify-items
사용법
행(row) 축을 따라 그리드 아이템 내부 콘텐츠를 정렬합니다. (align-items
속성의 반대)
이 설정은 그리드 컨테이너 내부 모든 그리드 아이템에 적용됩니다.
속성
값
비고
justify-items
start
center
end
stretch
기본 값
값
start: 그리드 영역의 시작점에 콘텐츠 정렬
center: 그리드 영역의 끝점에 콘텐츠 정렬
end: 그리드 영역의 중앙에 콘텐츠 정렬
stretch: 그리드 영역 전체 너비를 채움 (기본 값)
예시
.grid-container {
justify-items: start;
}

.grid-container {
justify-items: center;
}

.grid-container {
justify-items: end;
}

.grid-container {
justify-items: stretch;
}

레퍼런스

Last updated