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>