● justify-items와 justify-self 속성
justify-items 속성은 그리드 아이템을 각 그리드 셀의 가로 방향으로 정렬합니다. 사용할 수 있는 속성값은 align-items 속성과 같고 정렬 방향만 다릅니다.
표 7-6 justify-items 속성값
|
속성값 |
설명 |
|
stretch |
그리드 아이템을 그리드 셀이 꽉 차도록 늘립니다. |
|
start |
그리드 아이템을 그리드 셀의 왼쪽 끝에 배치합니다. |
|
center |
그리드 아이템을 그리드 셀의 가로 방향 중간에 배치합니다. |
|
end |
그리드 아이템을 그리드 셀의 오른쪽 끝에 배치합니다. |
다음은 justify-items 속성을 적용한 예제 코드입니다.
07/02/grid-justify-items.html
.grid-container{
(중략)
justify-items:stretch; /* start, center, end */
}