로딩
요청 처리 중입니다...

[css 13.] flex 사용하여 레이아웃 배치하기 (부모-자식 속성 정리)

 [css 13.] flex 사용하여 레이아웃 배치하기 (부모-자식 속성 정리)

flex란? flex 레이아웃 배치 1차원 방식(가로나 세로 중 한 방향)으로 효과적으로 레이아웃 배치할 수 있는 스타일 속성 flex 사용법 부모 요소 (flex-container) display: flex; 또는 display: inline-flex; 배치시키고 싶은 바로 위 부모한테 주기 (할아버지태그 ) 자식 요소(flex-item) flex-item들은 부모 요소 내 배치 flex 부모요소 속성 flex 설정 display: flex; inline-flex; * flex-item 이 원래 가지고 있는 박스 성격 (block, inline, inline-block) 은 무시됨 flex 주축 방향 설정 flex-direction: row; row-reverse; column; column-reverse; - row; 가로(기본값) - row-reverse; 가로 반대로 - column; 세로 - column-reverse; 세로 반대로 flex 줄바꿈 설정 flex-wra...

# cssflex # cssflexcontainer # cssflexitem # cssflex가로세로 # cssflex적용 # flex레이아웃 # flex배치 # flex속성 # flex적용