목록flexshrink (1)

코드노트

css flexbox 정리

Flexbox - 행과 열 형태로 항목 무리를 배치하는 1차원 레이아웃 메서드 - 항목은 부족한 공간에 맞추기 위해 축소되거나 여분의 공간을 채우기 위해 변형 display : flex; flex container : 부모요소 flex item : 자식요소 main axis : 메인이 되는 축 cross axis : 메인과 다른 교차되는 축 display - 블록, 인라인 요소 중 어느 쪽으로 처리할지, flow,grid, flex 처럼 자식 요소를 배치할 때 사용할 레이아웃을 설정 - 형식적으로 요소의 내부와 외부 디스플레이 유형을 설정 외부 - block - lnline 내부 - flow : - flow-root - table - flex - grid flex-direction / container ..
Code note/CSS 2022. 10. 12. 00:34
이전 Prev 1 Next 다음