div 컨테이너 중앙 정렬 (flexbox,text-align,justify-content)

이렇게 가운데 부분으로 정력하는 방법

 

 

display : flex;

justify-content : center;

align-items : center;

min-height : 60vh;

 

---

 

flexbox:
아이템 간 공간 배분과 강력한 정렬기능을 제공하기 위한 레이아웃 모델

 justify-content:

수직(세로)방향 부분 정렬

align-items:

수평(가로)방향 부분 정렬