[CSS] Flexbox

dispaly : flex ? : 가로 정렬로 배치

 

* 추가 요소

 

.flex-container {
  display : flex; / 부모한테 적용 
  justify-content : center;  /* 좌우정렬 */ center 중앙, start 좌측, end 우측 
  align-items : center;  /* 상하정렬 */
  flex-direction : column; /* 세로정렬 */
  flex-wrap : wrap;  /* 폭이 넘치는 요소 wrap 처리 */
}
.box {
  flex-grow : 2;  /* 폭이 상대적으로 몇배인지 결정 */ 박스 비율 nav-bar 만들때 사용 !
}