목록align-content (1)

서두르지 말고 쉬지 말자

13. 플렉스 박스 레이아웃

-플렉스 박스 레잉아웃(Flexible Box Layout=Flex Box Layout) : 1차원 방식 레이아웃 설계에 고안된 스타일 속성 -다양한 상황에서 유연하게 레이아웃을 구성한다는 뜻 1. 플렉스 박스 레이아웃 훑기 - 구성 요소 주축(main axis) : 플렉스 박스 진행 방향과 수평한 축 교차축(cross axis) : 주축과 수직한 축 플렉스 컨테이너(flex container) :display 속성값으로 flex나 inline-flex가 적용된 요소 플렉스 아이템(flex item) : 플렉스 컨테이너와 자식관계를 이루는 태그 구성 요소 -레이아웃 확인법 크롬 개발자 도구의 경우 플렉스 박스 레이아웃이 적용된 요소는 flex 아이콘이 표시됨 클릭하면 레이아웃 시각적으로 확인 가능 -기본..
코딩 공부/CSS 2024. 4. 21. 22:15
이전 Prev 1 Next 다음