CSS 수평정렬1 CSS flex 1. Flex 레이아웃 `display: flex`는 CSS의 속성 중 하나로, 요소의 자식 요소들을 수평 또는 수직으로 정렬하기 위한 레이아웃 방식입니다. 부모 요소에 `display: flex`를 적용하면 그 부모 요소는 "flex 컨테이너"가 되며 그 안의 자식 요소들은 "flex 아이템"이 됩니다. Flexbox 레이아웃은 아이템들을 자동으로 조절하여 화면에 맞게 배치하며, 레이아웃을 보다 쉽게 제어할 수 있게 합니다. 이를 통해 반응형 디자인 및 복잡한 레이아웃을 쉽게 구현할 수 있습니다. flex-wrap: 플렉스 라인에 여유가 없을 때 플렉스 요소의 위치를 결정하는 속성 nowrap: 기본값. 플렉스 요소가 다음줄로 넘어가지 않음. 요소의 너비를 줄여 한 줄에 배치 wrap: 플렉스 요소의 .. 2023. 10. 15. 이전 1 다음