ടെക്സ്റ്റ് വെട്ടിച്ചുരുക്കൽ

ദീർഘവൃത്താകൃതിയിലുള്ള വാചകത്തിന്റെ നീളമുള്ള സ്ട്രിംഗുകൾ വെട്ടിച്ചുരുക്കുക.

.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>