Main content ah kal rawh Docs navigation ah kal rawh
Check
in English

Text truncation tih a ni

Text string sei tak takte chu ellipsis hmangin truncate rawh.

Content rei zawk atan chuan .text-truncateellipsis hmanga text truncate turin class i dah belh thei bawk. A mamawh display: inline-blockemaw display: block.

He text hi a sei hle a, a lan veleh truncated a ni ang.
He text hi a sei hle a, a lan veleh truncated a ni ang.
html tih a ni
<!-- 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>