목록flexbox (1)

Building value

CSS[Flexbox]

Flexbox는 CSS의 레이아웃 모델 중 하나로, 컨테이너와 그 안에 있는 아이템들을 유연하게 배치할 수 있도록 해주는 방법입니다. Flexbox는 수직 중앙 정렬이나 아이템 간의 간격 조절 등 다양한 레이아웃 요구사항을 쉽게 해결할 수 있습니다. Flexbox는 display 속성을 이용해서 적용할 수 있습니다. 컨테이너에 display: flex 속성을 주면, 컨테이너 안의 아이템들은 flex item이 되어 배치됩니다. 이때, 컨테이너의 주 축(main axis)과 교차 축(cross axis)이 결정됩니다. 주 축과 교차 축은 flex-direction 속성으로 결정됩니다. 기본값은 row입니다. 주 축과 교차 축을 기준으로 컨테이너와 아이템의 배치를 설정하는 속성들이 있습니다. -justify..
CSS 2023. 4. 6. 07:55
이전 Prev 1 Next 다음