முக்கிய உள்ளடக்கத்திற்கு செல்க டாக்ஸ் வழிசெலுத்தலுக்குச் செல்லவும்
in English

உரை துண்டிப்பு

நீள்வட்டத்துடன் உரையின் நீண்ட சரங்களை துண்டிக்கவும்.

.text-truncateநீண்ட உள்ளடக்கத்திற்கு, நீள்வட்டத்துடன் உரையை துண்டிக்க ஒரு வகுப்பைச் சேர்க்கலாம் . தேவை display: inline-blockஅல்லது display: block.

இந்த உரை மிகவும் நீளமானது, காட்டப்பட்டவுடன் துண்டிக்கப்படும்.
இந்த உரை மிகவும் நீளமானது, காட்டப்பட்டவுடன் துண்டிக்கப்படும்.
<!-- 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>