CSS 전체 그리드 정렬 - justify-content, align-content, justify-items, align-items

1. justify-content

 

justify-content: start;

 

justify-content: center;

 

justify-content: end;

 

2. align-content

 

align-content: start;

 

align-content: center;

 

align-content: end;

 

3. place-content

 

place-content: center end;

// 아래와 같다.

// align-content: center;

// justify-content: end;

 

4. justify-items

 

justify-items: start;

 

justify-items: center;

 

justify-items: end;

 

5. align-items

 

align-items: start;

 

align-items: center;

 

align-items: end;

 

6. place-items

 

place-items: center end;

// 아래와 같다.

// align-items: center;

// justify-items: end;