요소 정렬

J·2025년 5월 21일

축 방향 배치: justify

RadixUI

// 가로축이라면 가로로 띄엄띄엄 배치
<Flex justify="between">...</Flex> 

// 가로축이라면 가운데로 모아서 배치
// 가로 너비가 남을 때만 적용됨
// 가로 너비 전체 차지하고 있을 때 유용
<Flex justify="center">...</Flex> 

축 기준 정렬: align

RadixUI

// 가로축이라면 가로축 기준 가운데 정렬
// ----00000--- 이렇게
<Flex align="center">...</Flex>

0개의 댓글