[typography] BS5 - .text-nowrap 클래스 - 텍스트 연속 공백 통합 후 한 줄로 표현 (= .text-nowrap클래스 = 텍스트노랩클래스) ※ white-space (화이트스페이스)

1. .text-nowrap 예제 - 텍스트 공백 통합 후 한줄로 표현
2. .text-nowrap 정의

.text-nowrap 예제 - 텍스트 공백 통합 후 한 줄로 표현

 

<div class="container mt-3">

  <p class="text-start">텍스트 왼쪽정렬</p>

  <p class="text-end">텍스트 오른쪽정렬</p>      

  <p class="text-center">텍스트 중앙정렬</p>

  <p class="text-nowrap">연속   공백   통합  후   한   줄로   표현</p>

</div>

 

결과보기

.text-nowrap 정의

 

텍스트 연속 공백을 하나로 통합 후, 한 줄로 표현.

 

---

[정의]

 

.text-nowrap {

  white-space: nowrap !important;

}