목록2024/08/06 (1)
코딩하는 김딸기
Flexbox 정렬/ Flexbox의 주요 속성 (flex-grow, flex-shrink, flex-basis)
Flexbox 가용 공간Flexbox(플렉스박스): 부모 요소와 직계 자식 요소간의 관계를 기반으로 레이아웃을 잡을 수 있게 해주는 속성 A A A.flex-container { display: flex;}.flex-item { /* 직계 부모 요소인 .flex-container 기준으로 배치되는 Flex Items 상태가 됨. */}Flexbox의 세부 속성중 하나인 flex-direction속성의 초기값인 row에 의해 .flex-item들은 기본적으로 가로로 배치됩니다. .flex-container { display: flex; /* flex-direction: row; 초기값으로서 세팅 되어있는 값 */}.flex-item { /* flex-direction: row의 영향으로 가로..
카테고리 없음
2024. 8. 6. 16:29