목록부트캠프 #개발일지 #TIL #FlexboxFroggy #displayflex #flexbox (1)

나의 개발일지

display flex에 대하여~

display:flex 부모요소인 container를 flex container라고 부르고, 자식요소인 item을 flex item라고 부른다. 컨테이너가 Flex의 영향을 받는 전체 공간이고, 설정된 속성에 따라 각각의 아이템들이 어떤 형태로 배치되는 것 display 속성의 flex를 지정하여 해당 컨테이너(display 속성에 flex가 지정된 태그)의 아이템(하위태그)들을 유연하게 정렬시킬 수 있음 Flex의 속성들은 1. 컨테이너에 적용하는 속성 2. 아이템에 적용하는 속성 으로 나뉜다 코드 세팅 1 2 3 4 5 6 7 8 9 10 는 block의 요소를 가지기 때문에 가로로 나란히 정렬되지 않고 줄바꿈이 되어 밑으로 아이템이 정렬된다 ★ % vs vh(vw) 차이 % : 부모의 크키가 기준이..
CSS 2023. 10. 7. 00:25
이전 Prev 1 Next 다음