레이아웃1 레이아웃 설계(1차원/ flexbox layout ) 1차원 레이아웃: flexible box layout 속성으로 설계함. 2차원 레이아웃: grid layout 속성으로 설계함. 1.1차원 레이아웃 설계 (flexible box layout) 1.1. 플렉스 박스 레이아웃이란 -main axis : 수평한 축 -cross axis : 수직한 축 -flex container : display 속성값으로 flex or inline-flex 가 적용된 요소 -flex item: 플렉스 컨테이너와 자식관계를 이루는 태그 구성요소 1.2. 기본 속성 ★display속성 ㄴdisplay: flex; /*inline-flex*/ flex 다음 요소가 줄 바꿈 됨 inline-flex 다음 요소가 주변에 배치 됨 -플렉스 아이쳄이 수직.. 2024. 1. 7. 이전 1 다음
