반응형
Notice
Recent Posts
Recent Comments
Link
목록셀렉터박스 (1)
불로구

플렉스 박스 레이아웃 - 그리드 레이아웃을 기본으로 해 플렉스 아이템을 원하는 위치에 배치하는 것 - 아이템의 크기뿐 아니라 방향, 순서, 정렬 방법, 간격 등을 제어 가능 사용하기 위해선? - 콘텐츠를 플렉스 컨테이너로 묶어야 한다. - 그 후 컨테이너 안에 플렉스 박스를 배치 - 주축(가로)을 따라 왼쪽에서 오른쪽으로 배치되고 주축의 끝점까지 닿으면 교차 축(세로)을 따라 아래로 이동 - 그 후 다시 왼쪽에서 오른쪽으로 배치되는 형식 플렉스 컨테이너(부모 박스) - 플렉스 박스 레이아웃을 적용할 대상을 묶는 요소 플렉스 아이템(자식 박스) - 플렉스 박스 레이아웃을 적용할 대상 주축 - 플렉스 컨테이너 안에서 플렉스 아이템을 배치하는 주 방향, 기본으로 수평 교차 축 : 주축과 교차되는 방향, 기..
프로그래밍/HTML & CSS
2021. 3. 12. 11:34