[CSS3] Flex (Flexible Box)에 대하여
이전 근무지에서 ie9까지 맞춰야하기 때문에 이제껏 써보지 못한 (ㅠ.ㅠ) CSS3의 Flex에 대하여 내가 이해하기 쉽도록 정리해보자! 먼저 큰 틀에서는 부모/자식으로 나누어본다. 부모 : .container => flex container 자식 : .item => flex item 부모속성 flex-direction : 배치 방향 설정 flex-wrap : 줄바꿈 처리 설정 flex-flow : flex-direction + flex-wrap justify-centent : 가로축 방향 정렬 align-items : 세로축 방향 정렬 (전체 아이템에 대하여) align-content : 여러 행 정렬 1) flex-direction : 배치 방향 설정 .container{ flex-direction:..
HTML5, CSS3
2021. 3. 2. 20:01
공지사항
최근에 올라온 글