工夫/HTML+CSS
[CSS] FLEX 의 기본사용법
기본구조 flex는 container 와 item 의 두가지 요소로 구성된다. ... ... ... 기본사용 display:flex; ※ display:inline-flex; 는 인라인레밸의 컨테이너가 생성됨, 이렇게 적용하면 컨테이너의 정렬이 가로로 정렬된다. ※ display:flex; 자식요소들이 flex item의 성격을 갖게 된다. flex container 주요속성 justify-content flex-start //기본값입니다. 좌측정렬 flex-end //우측정렬 center //가운데정렬 space-between //아이템과 아이템사이의 일정한 간격 space-around //아이템의 앞뒤로 일정한 간격을 space-evenly //아이템 외의 남는공간을 아이템 사이에 일정하게 배분 ju..
2021. 5. 19.
