배치1 HTML & CSS #16 : Flex Box Layout 플렉스 박스 레이아웃 (Flex Box Layout) Grid Layout을 기본으로, Flex Box를 원하는 위치에 배치하는 것 display 속성 배치되는 요소들을 감싸는 부모요소를 플렉스 컨테이너로 지정 display: flex | inline-flex 속성값은 flex(플렉스 박스를 박스 레벨 요소로 정의), inline-flex(플렉스 박스를 인라인 레벨 요소로 정의) flex-direction 속성 플렉스 항목 배치 방향을 지정 flex-direction: row | row-inverse | column | column-inverse flex-direction: column; 으로 지정하면 세로방향을 쌓인다. (위->아래) flex-wrap 속성 플렉스 항목을 한 줄 또는 여러 줄로 배치하는.. 2022. 12. 19. 이전 1 다음
