رفتن به محتوای اصلی به پیمایش اسناد بروید
Check
in English

کوتاه کردن متن

رشته های طولانی متن را با بیضی کوتاه کنید.

برای محتوای طولانی تر، می توانید یک .text-truncateکلاس برای کوتاه کردن متن با بیضی اضافه کنید. نیاز دارد display: inline-blockیا display: 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>