목록My Study/TailwindCss (1)

게으른 나에게

[TailwindCss] - 자주 쓰는 스타일 정리

🔹 레이아웃 관련• space-x-2 : 자식 요소 사이의 가로 간격을 0.5rem (8px) 만큼 띄움• ml-auto : margin-left: auto; 로 설정하여 해당 요소를 오른쪽 끝으로 정렬• relative : 부모 요소를 상대적인 위치로 지정 (기본 위치에서 이동 가능하게 만듦)• overflow-hidden : 넘치는 콘텐츠를 숨김• aspect-square : 너비와 높이를 동일하게(1:1 비율) 설정하여 정사각형으로 만듦• inset : top, right, bottom, left 값을 한 번에 지정하는 속성 (ex: inset-0 → 모든 방향 0)• border-b : 아래(border-bottom)에 선을 추가• max-w-sm : 최대 너비를 small (24rem = 38..
My Study/TailwindCss 2025. 3. 18. 16:35
이전 Prev 1 Next 다음