텍스트 정렬 유틸리티
텍스트 정렬 유틸리티 (Alignment)
페이지 섹션에서 텍스트가 정렬되는 방식을 제어하는 유틸리티 클래스예요. 시작·중앙·끝·양쪽 정렬 클래스의 사용법을 정리해 드릴게요.
출처: 문서
본문
예시 (Examples)
기본 (Basic)
- Text start
- Text center
- Text end
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
문서 (Documentation)
개요 (Overview)
브레이크포인트는 선택 사항이에요. 브레이크포인트 옵션은 base(브레이크포인트 값 없음), -on-sm, -on-md, -on-lg, -on-xl이에요. 예시: .pf-v6-u-text-align-start-on-lg
사용법 (Usage)
| 클래스 (Class) | 적용 대상 (Applied to) | 결과 (Outcome) |
|---|---|---|
.pf-v6-u-text-align-start{-on-[breakpoint]} |
* | 텍스트를 start(시작)로 정렬해요. |
.pf-v6-u-text-align-center{-on-[breakpoint]} |
* | 텍스트를 center(중앙)로 정렬해요. |
.pf-v6-u-text-align-end{-on-[breakpoint]} |
* | 텍스트를 end(끝)로 정렬해요. |
.pf-v6-u-text-align-justify{-on-[breakpoint]} |
* | 텍스트를 justify(양쪽)로 정렬해요. |