게시판 보기 영역 입니다.
게시판
웹 디자이너, 웹 퍼블리셔, 프론트엔드 개발자를 위한 게시판입니다.
| 제목 | Flex 속성 |
|---|---|
| 등록자 | 관리자 |
| 등록일 | 2022-11-03 |
| 조회수 | 2 |
| 내용 | Flexbox란 기존 컨텐츠를 수평으로 배치할 때, float나 inline-block으로 마크업할때의 불편함을 쉽게 해결할 수 있도록 추가된 기능이다. 다양한 디바이스 환경에서 언제나 똑같은 레이아웃을 유지시켜줌으로써 반응형 웹 사이트에 유용하게 쓰인다. Flex는 컨텐츠를 감싸는 상위 부모요소인 Flex Container와 각 컨텐츠들인 자식요소 Flex Item으로 구성되어있다. Flexbox css 적용방법은 부모요소인 container에 display:flex를 선언하면 된다. Flex Container에는 전체적인 정렬과 관련된 속성인 display, flex-direction, align-items, flex-wrap 같은 속성을 정의하고, 자식요소인 flex item에는 flex-grow, flex-shrink 같은 크기나 순서 같은 속성을 정의한다. 출처 : https://amyhyemi.tistory.com/224 |