주요 콘텐츠로 건너뛰기 문서 탐색으로 건너뛰기
Check
in English

텍스트 잘림

줄임표를 사용하여 긴 텍스트 문자열을 자릅니다.

더 긴 콘텐츠 .text-truncate의 경우 줄임표로 텍스트를 자르는 클래스를 추가할 수 있습니다. 또는 가 필요합니다 .display: inline-blockdisplay: block

이 텍스트는 상당히 길며 표시되면 잘립니다.
이 텍스트는 상당히 길며 표시되면 잘립니다.
HTML
<!-- Block level -->
<div class="row">
  <div class="col-2 text-truncate">
    This text is quite long, and will be truncated once displayed.
  </div>
</div>

<!-- Inline level -->
<span class="d-inline-block text-truncate" style="max-width: 150px;">
  This text is quite long, and will be truncated once displayed.
</span>