목록레이아웃 (1)

꾸매코딩

[CSS] Flex에 대한 설명과 사용 방법

Flex란? Flex(플렉스)는 Flexible box, Flexbox라고 불린다. Flex는 레이아웃 배치 전용 기능으로 고안되었다. Flex가 나오기 전 사용하던 float, inline-block 등을 이용한 기존 방식보다 훨씬 강력하고 편리한 기능이 많다. Flex의 구조 부모 요소와 자식 요소로 구분된다. 부모 요소를 Flex Container(플렉스 컨테이너), 자식 요소를 Flex Item(플렉스 아이템)라고 부른다. "부모(컨테이너)는 Flex의 영향을 받는 전체 공간을 의미하고, 설정된 속성에 따라 각각의 자식(아이템)들이 배치된다." 1 2 3 4 5 Flex의 속성 - 부모(컨테이너)에 적용하는 속성 - 자식(아이템)에 적용하는 속성 Flex 부모(컨테이너)에 적용하는 속성 flex ..
CSS 2021. 10. 22. 18:07
이전 Prev 1 Next 다음