[CSS] grid 박스 안에서 중앙정렬시키기

Isabel·2022년 4월 30일
0
display: grid; 
gird-template-rows: 1fr 1fr; 

이 그리드 박스 안의 내용들을 가운데 정렬을 하는 방법을 정리해보자.

place-items: center;

place-items는 align-items와 justify-items를 같이 쓸 수 있는 단축 속성이다.
align-items, justify-items의 순서로 작성하면 된다.
하나의 값만 쓰면 두 속성 모두에 적용된다.

// place-itmes: center start; 

간단간단~

0개의 댓글