CSS 예제 9 / 20
컨테이너가 아니라 개별 아이템에 주는 속성들입니다 — 특정 하나만 다르게 늘리거나, 정렬을 바꾸거나, 순서를 바꿔보세요.
flex-grow
align-self
order
flex-basis
💡 이렇게 바꿔보세요
flex: 1 은 flex-grow:1 flex-shrink:1 flex-basis:0% 의 줄임 표현이에요align-self 는 그 아이템 하나만 부모의 align-items 규칙을 무시하고 따로 정렬해요order 값이 작을수록 앞으로 — HTML 순서를 안 바꾸고 시각적 순서만 바꿀 수 있어요
← CSS 예제 목록